当前位置: 首页 > 工具软件 > HTMLBox > 使用案例 >

html阴影怎么调透明度,css box-shadow 怎么设置透明度

仲孙默
2023-12-01

用户提问

1、首先需要打开html页面,找到并打开,新建个标签添加类设置为:rgba。 2、然后在标签创建,在标签里设置rgba为(rgba(R,G,B,A)),透明度为由0.1。 3、最后,保存后使用浏览器查看,可以看到当透明度已经设置好了,这样操作即可解决问题。

推荐答案

1、首先需要打开html页面,找到并打开

,新建个
标签添加类设置为:rgba。

2、然后在

标签创建

.box {

width: 200px;/*宽度*/

height: 100px;/*高度*/

border: 1px solid pink;/*1像素粉红边框*/

box-shadow: 0 2px 4px 8px  rgba(0, 0, 0, 0.2); /*垂直位置 水平位置 模糊或清晰度 宽度范围 RGB颜色值,透明度*/

-moz-box-shadow: 0 2px 4px 8px rgba(0, 0, 0, 0.2); /*兼容FF*/

-webkit-box-shadow: 0 2px 4px 8px rgba(0, 0, 0, 0.2);  /*兼容Chrome、Safari、Opera12+*/

}

 类似资料: