Advanced Search

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 :)

Expand | Embed | Plain Text

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.