css中的透明边框

html-css018

css中的透明边框,第1张

a:link是超链接未点击是的样式

a:hover是鼠标指向超链接的样式

a:visited是超链接被点击后的样式

a:link, a:visited {

border-style: solid

border-width: 5px

border-color: transparent

}

这段代码同时控制了超链接未点击和点击过后的样式，

border-style: solid边线为实线

border-width: 5px边线宽度为5个像素

border-color: transparent边线颜色

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

XXX:{

border:

5px

solid

rgba(XXX,

XXX,

XXX,

0.5)

}

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

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

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

设置边框透明度：

                    border: 1pxsolidtransparent

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

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