css设置边框border透明度，设置阴影透明度

html-css033

css设置边框border透明度，设置阴影透明度,第1张

设置边框透明度：

                    border: 1pxsolidtransparent

                    border-color: rgba(151, 151, 151, 0.3)前三个为边框颜色的rgb值，最后一个为透明度。

设置阴影透明度：box-shadow: 0px 2px 10px rgba(41, 12, 127, 0.2)

可以参考以下我的这个代码：

XXX:{

border: 5px solid rgba(XXX, XXX, XXX, 0.5)

}

其中第一个XXX是你选择的需要半透明的元素

接下来的XXX是你想要半透明的颜色

设置透明度为0.5就可以做到半透明了。

1、首先打开html编辑器，新建一个html文件，在文件内写入两个div，设置它们的样式为div1和div2：

2、然后分别设置两个div的样式，给它们相同的高度和宽度以及颜色，最后设置box-shadow属性，这里的颜色使用rgba来设置，最后一个属性好就是设置透明度的，其中一个设置1另一个设置0.5即可：

3、最后在浏览器中观察两个div的阴影样式，下面的明显比上面的要淡一些。以上就是css中box-shadow设置透明度的办法：