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

以下是引用片段：
<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>