Posted By

ichnoweb on 08/28/10


Tagged

link anchor href


Versions (?)

Anchor styling corresponding to href


 / Published in: CSS
 

  1. /* external links */
  2. a[href^="http://"]{
  3. padding-right: 20px;
  4. background: url(external.gif) no-repeat center right;
  5. }
  6.  
  7. /* emails */
  8. a[href^="mailto:"]{
  9. padding-right: 20px;
  10. background: url(email.png) no-repeat center right;
  11. }
  12.  
  13. /* pdfs */
  14. a[href$=".pdf"]{
  15. padding-right: 20px;
  16. background: url(pdf.png) no-repeat center right;
  17. }

Report this snippet  

You need to login to post a comment.