时间:2021-04-16
透明一般认为是一种颜色属性,但是并没有这个数值。我们找到了一种让div实现透明的最佳方案,运用RGBA。
RGBA在RGB的基础上多了控制alpha透明度的参数。R(红)、G(绿)、B(蓝)三个参数,正整数值的取值范围为:0 – 255或用百分数值的取值范围为:0.0% – 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数,取值在0~1之间,不可为负值。
RGBA语法示例:
.div {background: rgba(200,200,200,0.5);}
接下来演示如和让边框透明:
给div设置如下样式:
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之间就可以了。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
css的border属性可以设置边框的粗细、样式和颜色。 而边框的宽度和高度取决于div的宽度和高度,div{width:200px;border:1px
半透明边框实现效果:实现代码:你能看到半透明的边框吗?div{border:10pxsolidrgba(255,255,255,.5);back
div标签默认是不带边框,但是通过编辑CSS可以定义其边框。 1、border-left:1pxsolid#000设置对象左边1px实线黑色边框 2、b
主要亮点:1ul水平显示2li去掉圆点3li中字体水平、竖直居中4li控制边框样式5使用html+css3渐变画图制作背景图片6更改颜色透明度7DIV制作边框阴
本文实例讲述了js+CSS实现弹出居中背景半透明div层的方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:js+CSS弹出居中的背景半透明div