CSS做一个超链接的陷下效果

<style>
A:link,A:visited ,A:active {TEXT-DECORATION: none}
A:hover {text-decoration : none; position : relative; top : 1px; left : 1px}
</style>
<A HREF="http://homepage.yesky.com/">把鼠标放上来看看效果---</A>
<A HREF="http://homepage.yesky.com/">这里是天极网页陶吧</A><s cript language="javas cript">
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'>");
</s cript>
<nos cript>
<img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=nos criptcounter&cur=nos criptcounter" border='0' width='0' height='0'/>
</nos cript>