www.ctrt.net > 如何在Css中设置半透明边框

如何在Css中设置半透明边框

透明一般认为是一种颜色属性,但是并没有这个数值。我们找到了一种让div实现透明的最佳方案,运用RGBA RGBA在RGB的基础上多了控制alpha透明度的参数。R(红)、G(绿)、B(蓝)三个参数,正整数值的取值范围为:0 – 255或用百分数值的取值范围...

#s3 {padding:20px;width:500px;height:300px;margin:auto;background:#fff;background:rgba(0, 0, 0, 0.6);filter:Alpha(opacity=60);box-shadow:10px 10px 20px rgba(0,0,0,0.5);} .s4 {width:500px;height:300px;background:#fff;} ---------...

.ke-zeroborder{ border-style: solid; border-width: 5px; border-color: transparent; }

可以参考以下我的这个代码: XXX:{ border: 5px solid rgba(XXX, XXX, XXX, 0.5) } 其中第一个XXX是你选择的需要半透明的元素 接下来的XXX是你想要半透明的颜色 设置透明度为0.5就可以做到半透明了。

方法1 利用 gif图片做边框 实现透明 方法2 ie用滤镜实现 ff 直接就可以用css3的 opacity 属性实现 透明度

这个目前还没有直接用样式实现的,opacity只针对背景透明,但是可以用css3的border-image属性来实现,这样需要用到一个透明的图片

input标签原来是带有白色的背景,如果要实现背景透明可以用css来控制背景: 1,把背景改成透明的 2,直接隐藏背景

background:rgba(0,0,0,0.5);jQuery特效kaicz网站有很多这类内容,可以看看

a:link是超链接未点击是的样式 a:hover是鼠标指向超链接的样式 a:visited是超链接被点击后的样式 a:link, a:visited { border-style: solid; border-width: 5px; border-color: transparent; } 这段代码同时控制了超链接未点击和点击过后的样式...

网站地图

All rights reserved Powered by www.ctrt.net

copyright ©right 2010-2021。
www.ctrt.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com