css如何让边框透明


当前第2页 返回上一页

给div设置如下样式:

1

2

div {    width: 100px;   

height:100px;    border-top:10px solid  rgba(200,200,200,0.25);    border-right:10px solid  rgba(200,200,200,0.5);    border-bottom: 10px solid  rgba(200,200,200,0.75);    border-left:10px solid  rgba(200,200,200,1);}

显示效果如图所示,每一边的透明度都不一样。当我们需要设置边框的透明度的时候,根据需要填写最后一个数值在0-1之间就可以了。

d676a1ab26d3cc95fe5dc4ce4b8cd0b.png

学习视频分享:css视频教程

以上就是css如何让边框透明的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css如何禁止复制

css怎么去掉下划线样式

css有继承关系吗

css font-variant属性怎么用

html css js是什么?

css 什么语言

css写在哪

怎么用div布局?

css如何设置不透明

css box-ordinal-group属性怎么用

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...