Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!HTML>
- <head>
- <style>
- ul.links {
- list-style-type: none;
- margin: 0;
- padding: 0;
- line-height: 1.6;
- }
- /* USING ATTRIBUTE SELECTORS for external links */
- ul.links li a[href^="http:"] {
- padding-left: 20px;
- background-image:url(images/icon-link-external.png);
- background-repeat: no-repeat;
- }
- /* USING ATTRIBUTE SELECTORS for email */
- ul.links li a[href^="mailto:"] {
- padding-left: 20px;
- background-image: url(images/icon-link-email.png);
- background-repeat: no-repeat;
- }
- /* USING ATTRIBUTE SELECTORS for pdf files */
- ul.links li a[href$=".pdf"] {
- padding-left: 20px;
- background-image: url(images/icon-pdf.png);
- background-repeat: no-repeat; }
- </style>
- <body>
- <ul class="links">
- <li><a href= "http://www.bfei.ie">BFEI</a></li>
- <li><a href= "#.pdf">BFEI Brochure</a></li> <!--# = Dummy-->
- <li><a href= "mailto:you@example.com">Send an email</a></li>
- </ul>
- </head>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement