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.  
  8. /* emails */
  9. a[href^="mailto:"]
  10. {
  11. padding-right: 20px;
  12. background: url(email.png) no-repeat center right;
  13. }
  14.  
  15. /* pdfs */
  16. a[href$=".pdf"]
  17. {
  18. padding-right: 18px;
  19. background: url(acrobat.png) no-repeat center right;
  20. }

URL: http://webexpedition18.com/articles/useful-css-snippets/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.