想知道这个网站的效果怎么实现的？

这个是超链接陷下效果而已。 超链接的hover状态，通常可以改变颜色，增加或去除下划线等效果来提醒访客。而陷下效果是应用了position属性： position: relative; top:1px; left:1px; 这段代码的含义为，相对定位，距上部位移1象素，距左部位移1象素。我们可以将上面的代码加入到超链接的hover状态中，就实现了类似按钮陷下的效果。  下面的是例子： <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://www.baidu.com">百度啊这就是个例子</A>

来源于网络，供您参考,如若满意，请点击右侧【采纳答案】，如若还有问题，请点击【追问】 希望我的回答对您有所帮助，望采纳！ ~ O(∩_∩)O~