rwhn.net
当前位置:首页 >> 如何用CSS设置DIV边框透明 >>

如何用CSS设置DIV边框透明

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

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

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

css的border属性可以设置边框的粗细、样式和颜色,而边框的宽度和高度取决于div的宽度和高度,例如: div{width:200px; height:100px; border: 1px solid #ff0000;}上面css代码设置div宽度200px,高度100px,边框为1px宽的红色实线

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

怎样在CSS样式中设置背景的透明度,下面一个具体的实例。把类为box的层设为透明。 .box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3; -moz-opacity:0.3;-khtml-o...

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

如下面的例子: border-style:solid; border-width:1px; border-color:#000 下面是设置必要掌握的代码: border-color:#000(设置4边边框颜色为黑色) border-color:+颜色值,即可设置对象边框颜色 border-left-color:#000 设置左边框颜色为黑色...

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

要不你换个方式.div1{width:200px;height:300px;background: rgba(0,0,0,0.3); padding:10px;} .div2{width:200px;height:300px;background:#fff; }

网站首页 | 网站地图
All rights reserved Powered by www.rwhn.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com