当鼠标停在连接时会有颜色包围

若转载请附上部落格帖子 ，谢谢 。

效果 ：

首先去修改 HTML （ 你应该会吧 ），寻找 a:hover { 。

然后在 a:hover { 的后面添加以下代码 。

filter: alpha(opacity=0);

opacity: .9;

padding:5px;

border-radius:5px;

border: 1px #000000;

-webkit-box-shadow: 0px 0px 10px #000000;

-moz-box-shadow: 0px 0px 10px #000000;

这个代码是上面那种的 。

代码解释在下面 。

如果你要下面那种的话你就往下看 。

filter: alpha(opacity=0);

opacity: .9;

padding:5px;

border-radius:5px;

border: 2px  solid #FF0000;

-webkit-box-shadow: 0px 0px 10px #FF0000;

-moz-box-shadow: 0px 0px 10px #FF0000;

红色字 ：影子的颜色

蓝色字 ：连接与效果的距离

粉红色字 ：效果 2 框框的颜色

橙色字 ：效果 2 框框的种类

青色字 ：效果 2 框框的粗细