css如何让边框透明


本文摘自PHP中文网,作者藏色散人,侵删。

css让边框透明的方法:首先创建一个HTML示例文件;然后在body中创建一个div;最后通过给div设置“border-top:10px solid rgba(200,200,200,0.25);”样式即可让指定的边框透明。

本文操作环境:windows7系统、HTML5&&CSS3版,DELL G3电脑

透明一般认为是一种颜色属性,但是并没有这个数值。我们找到了一种让div实现透明的最佳方案,运用RGBA

RGBA在RGB的基础上多了控制alpha透明度的参数。R(红)、G(绿)、B(蓝)三个参数,正整数值的取值范围为:0 ?C 255或用百分数值的取值范围为:0.0% ?C 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数,取值在0~1之间,不可为负值

RGBA语法示例:

1

.div {background: rgba(200,200,200,0.5);}

接下来演示如和让边框透明:

阅读剩余部分

相关阅读 >>

css3核心知识点的小结(代码示例)

css border-image-repeat属性怎么用

css如何让滚动条不显示

css背景图片怎么自适应

css如何去隐藏滚动条

左浮动 css怎么写

css如何从png里截取小图标

html实现自动清理js、css文件的缓存

css如何控制元素的显示与隐藏

如何在文字下面添加下划线

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




打赏

取消

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

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

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

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

评论

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

    正在狠努力加载,请稍候...