CSS+DIV设计实例：不同色链接和其下划线

css|链接|设计

以下是引用片段：
<style type="text/css">
a{ color:#333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:hover { color:#FF0000; text-decoration:underline;}
a span { color:#333333;}
</style>
<a href="#"><span>111</span></a>
<style type="text/css">a{ color:#333333; text-decoration:none;}a:visited {color:#333333; text-decoration:none;}a:hover { color:#FF0000; text-decoration:underline;}a span { color:#333333;}</style> <a href="http://homepage.yesky.com/"><span>网页陶吧-把你的鼠标放上来看看</span></a><script language="Javascript"> var now = new Date(); document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime() + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>"); </script> <noscript> <img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/> </noscript>