CSS——box-shadow做一个border:solid 效果

由于在查bug的时候发现了使用border会出现样式的小bug ——由于border会占据盒模型的长高
突然想到不如用box-shadow做一个border的样式
CSS:——border

border:1px solid #0cbbea;

CSS3:——box-shadow

box-shadow:0 0 0 1px #0cbbea;

语法如下

box-shadow: h-shadow v-shadow blur spread color inset;

h-shadow:必需的。水平阴影的位置。允许负值。
v-shadow :必需的。垂直阴影的位置。允许负值。
blur: 可选。模糊距离。
spread: 可选。阴影的大小。
color:可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表。
inset:可选。从外层的阴影(开始时)改变阴影内侧阴影。

写完了 发现C3说不定支持不是很好 遂查了查——还是挺符合我现在项目要支持的浏览器的。
box-shadow的各个浏览器的支持
我可真是个小机灵鬼

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值