css边框透明度，css 设置透明

css设置边框border透明度,设置阴影透明度

1、首先新建一个html文件，输入基本的内容，这里设置一个p，并把它的class设置为demo，用浏览器打开看看默认的效果。设置p的样式，这里给p300px的宽度。

2、border-image：将图片规定为包围 div 元素的边框 border-image基础语法：border-image： url(border.png) 30 30 roundbox-shadow属性 box-shadow属性：向框添加一个或多个阴影。

3、这里的颜色使用rgba来设置，最后一个属性好就是设置透明度的，其中一个设置1另一个设置0.5即可：最后在浏览器中观察两个div的阴影样式，下面的明显比上面的要淡一些。

相关问答

Q1: css如何设置透明度(兼容ie,firefox)

1、怎样在CSS样式中设置背景的透明度，下面一个具体的实例。把类为box的层设为透明。

2、Firefox、Chrome、Opera、Safari。

3、设置元素的透明度：-moz-opacity：0.8； /*在Firefox中设置元素透明度 filter： alpha(opacity=80)； /*ie使用滤镜设置透明 但是当我们对一个标签设置背景的透明度时，往往我们并不希望该标签上的文字图片也变成半透明了。

4、css中 filter仅支持ie6以及以上版本，其余浏览器，包括firefox，chrome，opera，Safari都不支持。要在这些版本设置透明度，可用opacity属性，支持的浏览器包括IE 0，Firefox，Safari，Chrome，opera。

5、设置透明度是不会被继承的，所以不用头疼继承的问题.字体透明度便设置成color：rgba(0，0，0，0.5)；边框：border：5px solid rgba(0，0，0，0.5)；或者背景都可以。兼容性。

6、B、应该从父元素继承 opacity 属性的值。实例：设置 div 元素的不透明级别。div{opacity：0.5；} //透明度为0.5，半透明。注释：A、IE8 以及更早的版本支持替代的 filter 属性。例如filter：Alpha(opacity=50)。

Q2: css中如何设置透明度

1、创建html文件。设置页面背景颜色。接下来开始创建段落一。引入图片设置图片大小并设置图片浮动至段落的左边。创建段落二。引入图片设置图片大小并设置图片浮动至段落的右边。预览效果如图。

2、还有就是设置background-color：rgba()，这种方式只能设置背景颜色的透明度。

3、首先我们新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色。然后我们添加一个透明度的代码（opacity：0.6）。

4、怎样在CSS样式中设置背景的透明度，下面一个具体的实例。把类为box的层设为透明。

5、color=#FF0000)} -- 将Chroma滤镜的颜色和字体的颜色设置为相同时，不论网页的背景颜色如何设置，字体的颜色都会显示为透明。在浏览器中查看使用CSS滤镜把字体的颜色设置为透明的显示效果。

Q3: div边框的透明效果如何设置?

1、div设置成透明css边框透明度的，可以使用background属性，把background设置为transparent即可。

2、finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。

3、opacity和rgba都是设置透明度的，区别在于opacity是整体的透明度，标签本身及标签内容还有标签的子元素都会受到影响。rgba仅仅是改变元素的添加背景色，内容及子元素不受影响。

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

关于css边框透明度和css 设置透明的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。