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><script language="<a href="javascripthttp://www.knowsky.com/article.asp?typeid=36">javascript</a>">
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="/UploadFiles/2021-04-02/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter"></noscript>