Here is the part I am having a problem with: a:link { color: #FF6699; text-decoration: none; } a:visited { color: #CC9999; text-decoration: none; } a:hover { color: #FFC0CB; } That is working fine for me, however I want to add a bold text command to links and can not figure out how to do it correctly. When I add font-weight:bold as such: a:link { color: #FF6699; text-decoration: font-weight:bold; } or a:link { color: #FF6699; font-weight:bold; } it does not work. Can someone please post the correct code for me? The full CSS code in case you need it is: h1, h2, h3, h4, h5, h6, p, body {font-family: arial, sans-serif;} h1, h2, h3, h4, h5 {color: #000000; font-size: 100%;} a:link { color: #FF6699; text-decoration: none; } a:visited { color: #CC9999; text-decoration: none; } a:hover { color: #FFC0CB; } and I want the a:link to be in bold text
I don't really see the problem, the code is correct however. Try to use this variation: a { color: #FF6699; text-decoration: none; font-weight: bold; } a:visited { color: #CC9999;} a:hover { color: #FFC0CB; text-decoration: underline; } Code (markup):