css中边框设置透明
在建企业网站时使用CSS边框圆角是很容易的事，但要设置边框圆角的渐变效果就需要费些功夫了，需要正确理解几个CSS属性的含义，background-origin,background-clip,background-size这几个是必须用到的，调整好性能的数值就可以灵活运用了。
想要实现CSS圆角渐变并匹配内容背景图可以参考以下代码：
<style>\ndiv {\n width: 500px;\n height: 300px;\n margin: 10px;\n padding: 30px;\n border-radius: 50px; /*设置圆角*/\n border:50px solid transparent; /*设置边框颜色透明，确保背景渐变色显示*/\n background-origin:border-box; /*从边框开始背景图*/\n background-clip:padding-box,border-box; /*设置第一个背景和第二个背景的范围*/\n background-size:cover;\n /*由于背景图像不能设置纯色，所以可以使用下面的方式设置纯色*/\n background-image:linear-gradient(#fff, #fff),linear-gradient(#FC0, #F30); \n}\n.a1{display:block;height:280px;background-image:url(/images/school.jpg);\nbackground-repeat:no-repeat;background-size:contain;}\n</style>\n\n<div>\n<span class="a1">边框渐变色从内边框到边框，背景图像单独设置不重复。</span>\n</div>background-origin表示的是背景起始位置，其三个值如下，依次是
border-box 从边框开始；
padding-box(默认) 从内边距开始；
content-box 从内容开始。
background-origin: border-box | padding-box(默认) | content-box
background-clip表示的是背景填充位置，其四个值如下，依次是
border-box(默认) 填充至边框；
padding-box 填充至内边距；
content-box 填充之内容；
text 作为字体前景色。
background-clip: border-box(默认) | padding-box | content-box | text
background-size表示的是背景尺寸，其五个值如下，依次是
contain 将图像扩大至适应最短的边，剩余部分默认重复图像
cover 将图像扩大至适应最长的边，图像可能显示不完整
length 两个值依次设置图像宽和高，未设置则为auto
percentage 两个百分比依次设置图像宽和高，未设置则为auto
auto 默认设置
宁史钟4281CSS如何去掉div的边框?
韶贪习15381598575 ______ 楼上正解,div{border:none},当然为了不影响排版你可以把边框设为透明div{ border:1px solid transparent}
宁史钟4281html background - color如何设置为透明? -
韶贪习15381598575 ______ html background-color设置为透明的方法如下:<html> <head> <title>透明表格</title> </head> <body background=＂图片＂> <table border=＂0＂> <tr> <td style=＂background-color:#336699;filter:Alpha(opacity=50)＂>表格内容</td> </tr> </table> ...
宁史钟4281在CSS中,如何设置网页元素的透明度? -
韶贪习15381598575 ______ opacity: 0.4; //ie9+和非ie透明 background:rgba(0, 0, 0, 0.4); //背景透明 filter:alpha(opacity=40);ie6,7,8
宁史钟4281css怎么让导航条变透明 -
韶贪习15381598575 ______ 在css里面加个opacity参数来设置不透明度,如opacity: 0.5表示半透明.数值越小,透明度越高
宁史钟4281网页设计中暗边框与亮边框是怎么设置的 -
韶贪习15381598575 ______ 用css定义一个class,比如: <style> .bordercolor { bordercolorlight: #999999; bordercolordark: #000000 } </style> 然后在要加效果的表格里加上<table class=＂bordercolor＂>或者直接写在单元格里<tr class=＂bordercolor＂>或<td class=＂bordercolor＂>,这样也很简单
宁史钟4281在CSS中使用什么方式设置网页元素的透明度? -
韶贪习15381598575 ______ opacity:从0-1透明底依次减弱.例如: div { opacity:0.5; } 所有浏览器都支持 opacity 属性. IE8 以及更早的版本支持替代的 filter 属性.例如:filter:Alpha(opacity=50).
宁史钟4281CSS中控制层的透明度
韶贪习15381598575 ______ 用滤镜实现的 alpha属性 alpha是来设置透明度的.先来看一下它的表达格式: filter:alpha(opacity=opcity,finishopacity=finishopacity, style=style,startX=startX,startY=startY,finishX=finishX, finishY=finishY) 哇,怎么这么长.是啊,不过这些参数...
宁史钟4281css中,如何设置前景色的透明度? -
韶贪习15381598575 ______ css控制透明度倒不麻烦. filter:alpha(opacity=50); /*IE滤镜,透明度50%*/ -moz-opacity:0.5; /*Firefox私有,透明度50%*/ opacity:0.5;/*其他,透明度50%*/ 举个例子: 通过ie6 ie7 ie8 ff3 opera 谷歌 safari测试 #test{ background-color:#0000CC; ...
宁史钟4281如何在在html代码中实现图层透明 -
韶贪习15381598575 ______ 图层透明可能有3种可能. 1. 图层没有背景色或背景图片,其本身就是透明的,其中有文字、图片不透明,没有内容的区域可以直接看到下一层. 2. 通过CSS样式表设置 filter:alpha(Opacity=50); /*IE支持,取值0-100*/ opacity: 0.5; /*HTML5浏览器,取值0-1*/ 这种方法包括背景,内容的文字、图片、边框都会变为半透明. 3、做一张PNG图片,PNG图片支持透明和半透明甚至渐变透明.图层以这张图片作为背景.和第一种情况一样,背景是透明或半透明的,但内容是不透明的.
宁史钟4281css中的外边距和内边距到底怎么回事 -
韶贪习15381598575 ______ 楼上图解很详细.我刚开始也是不这么懂,用多了自然有所了解.margin:外边距,两个盒子自间的距离这个你应该理解padding:内边距,盒子边框与内容的距离.盒子div ,由边框和内容组成.