html怎么设置横线阴影,如何用css把某div层的链接下划线做成虚线或阴影

如何用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;

}

feilong.org

二、如何用css把某div层的链接下划线做成投影

很简单,投影就是把border的width加大,把color变浅即可。css样式调整如下:

#linkstyle a.hover {

text-decoration:none;

border-bottom:1px dashed #ccc;

color:#c00;

}

feilong.org

54a547131a0f61fededf106e19b0acd9.png

所在目录: 网站开发

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值