CSS Anchor Basic Styling (a:link, active, visited, hover)


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

Simple styling for the links on a webpage using CSS. Sometimes hard to remember what order the have to be in for the :hover to work correctly. (Now fixed :)


Copy this code and paste it in your HTML
  1. body {
  2. margin: 0px;
  3. }
  4.  
  5. a:link {
  6. color:#000;
  7. font-size: 1.1em;
  8. font-weight:600;
  9. font-family: arial, helvetica, sans-serif;
  10. text-decoration: none;
  11. }
  12. a:visited {
  13. color:#000;
  14. font-size:1.1em;
  15. font-weight:600;
  16. font-family:arial, helvetica, sans-serif;
  17. text-decoration: none;
  18. }
  19. a:hover {
  20. color: #000;
  21. font-size:1.1em;
  22. font-weight:600;
  23. font-family:arial, helvetica, sans-serif;
  24. text-decoration: none;
  25. }
  26. a:active {
  27. color:#000;
  28. font-size:1.1em;
  29. font-weight:600;
  30. font-family:arial, helvetica, sans-serif;
  31. text-decoration: none;
  32. }
  33. a img {
  34. border: none;
  35. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.