【css：设置div边框透明+渐变】的更多相关文章

css：设置div边框透明+渐变

写作背景: 觅兼职--登陆页面,UI给的原型图很漂亮,其中有一个图要求div外面有一圈透明度为0.37且带有渐变的边框.效果图如下: 在写的时候遇到了一点小小的问题:无法给同一个div设置圆角的透明+渐变边框.但是,又不能不做是不是,费了一番心思查资料,下面是解决方案: 1.分成两个div叠加的形式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g…

CSS设置DIV边框为圆角，添加背景色溢出的问题

这么几天需要做一个类似于层级展示的东西,最后一层需要做一些div框来展示数据,我用css设置了div的边框为圆角,但是添加背景色的时候颜色溢出,覆盖了四个角的圆弧,效果如图所示: css代码如下: .demo{ position: absolute; top:0; height:100% ; border:1px solid #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; } 个人觉…

css美化Div边框的样式实例*（转载）

css美化Div边框的样式实例   很多时候如果不是用了很多样式,很难把边框修饰得好看,看了一篇博文,觉得真的挺漂亮,也挺好看. 转载的博文地址 将这段美化的css代码 border:1px solid #96c2f1;background:#eff7ff 应用到div中, <div style="padding:8px;border:1px solid #96c2f1;background:#eff7ff"> border:1px solid #96c2f1;backgr…

设置div背景透明的CSS样式

div背景透明样式: 样式代码: .alert{filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */ opacity: 1.0; height:300px; width:500px; background:#ccc; left:50%; top:50%;margin-top:-150px;margin-left:-250px;position:absolute;z-index:99; text-align:cen…

css设置兼容的透明样式

css设置透明并实现兼容: <style>div{ filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;} </style> 对于IE浏览器,透明度值为1-100,其他浏览器取值为1-10:IE浏览器设置的80相当于其他浏览器设置的0.8. 值越小透明度越大,所有浏览器都一样.…

CSS让div背景透明

div背景透明样式: 样式代码: .alert{filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */ opacity: 1.0; height:300px; width:500px; background:#ccc; left:50%; top:50%;margin-top:-150px;margin-left:-250px;position:absolute;z-index:99; text-align:cen…

设置div背景透明的两种方法

实现div背景透明的两种方法 1.使用opacity属性 background-color:#000; opacity: 0.5; 这样做可以设置div内部所以区域的透明度,但是也会影响里面的文字,效果图: 2.只改变背景透明度,不改变其中文字.图片等透明度的方法 background-color: rgba(0,0,0,0.5); 其中前三位数是设置背景颜色,取值范围是0~255,全部为零代表黑色,全部为255代表白色. rgba即红色.绿色.蓝色.透明度(英语:Red, Green, Blu…

【转】CSS设置DIV背景色渐变显示

 [原链接]http://www.2cto.com/kf/201310/248187.html <style type="text/css">     .linear{            width:100%;            height:600px;            FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColo…

CSS设置DIV背景色渐变显示

本文转载自:http://blog.csdn.net/gingerredjade/article/details/12191741 <style type="text/css"> .linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE…

CSS设置DIV背景色渐变

div{ width: 200px; height: 200px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=, startColorStr=#AC07BD, endColorStr=#f6f6f8); /*IE 6 7 8*/ background: -ms-linear-gradient(top, #AC07BD, #f6f6f8); /* IE 10 */ background:-moz-linear-g…