[SOLVED] Edit link style in CSS

louisevarre · #1 May 31, 2010, 03:18 AM

Hi,

I want to style my body links in CSS to get the effect of having a think line (1px) underneath the link (different color than text), which then becomes a line of 3px when hovered, again different color than text. I can do this by:

HTML Code:

a {
	border-bottom:1px solid #cccccc;
	padding-bottom: 2px; 
}
a:visited {
	color: #09C;
	text-decoration: none;
}
a:hover {
	color: #333333;
	border-bottom:3px solid #AD3417;
	padding-bottom: 2px;
	text-decoration: none;
}
a:active {
	color: #006;
	text-decoration: none;
}
a:link {
	text-decoration: none;

But then ALL links in the webpage change, including page titles, blog titles etc. I ONLY want the links in the text to change. Can anyone please help me?

Thanks

Louise