Styling Links by File Type


/ Published in: CSS
Save to your folder(s)



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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.