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

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

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

border-width:5px;border-style: solid;border-color:rgba(0,0,0,0.5);

CSS3可以设置边框是向内还是向外, 如果要设置为内边框使用 box-sizing: border-box;外边框 box-sizing: content-box;

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

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

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

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

.xx{ box-shadow: 0 0 15px #4E4E4E; padding:10px }这两个0是 左右 上下。用px调整。如果是0就是居中。 15px是你要光圈。越大就范围就越广。类似于病毒扩散那种感觉.padding可无视,是为了放你class一个span或button自己就撑开了

#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;} ---------...

下面就一个简单的盒子为例:如图 border这个位置可选border:四边边框,border-top:顶部边框,类似还有border-left/right/button。 宽度即为边框宽度。 样式有如图: 颜色忽略,如有不清楚的可以参见w3school教程http://www.w3school.com.cn/cs...

网站地图

All rights reserved Powered by www.ctrt.net

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