博客

如何用css把某div层的链接下划线做成虚线或阴影

飞龙更新于 2009-05-26 01:32 加入书签 CTRL+D 有 102 个朋友来过

看到有些网站的链接悬停下划线是虚线，咦这是怎么做的？在调节链接的text-decoration时，怎么就没发现虚线这个属性值啊？查阅有关资料，原来不是用text-decoration，而是用border-bottom的属性做的css样式。

又有人问，如果不想把所有链接下划线做成虚线，只想把某特定div层里面的链接悬停下划线做成虚线，该怎么做呢？这就是css里面的id标签和链接标签的综合运用了。也就是说，此时的链接不再是网页全局链接，而是某个div层之局部链接。

一、如何用css把某div层的链接下划线做成虚线

设置text-decoration:none。也就是去除了链接的下划线。然后再给链接加下边框线，设置下边框线不同的宽度、线型、颜色，就可以实现“下划线”变成多样效果。

#linkstyle a.hover {

text-decoration:none;

border-bottom:1px dashed #ccc;

color:#c00;

}