【HTML&CSS】如何设置透明的div盒子?
·
有时候我们想把盒子的背景设置成透明的,或者半透明的,看起来更美观。这就需要我们给颜色加一个透明度。
方法一:直接使用‘background:rgba(R,G,B,A)’来设置透明的背景,第四个alpha值代表透明度,范围在0到1之间,0表示完全透明,1表示完全不透明,0.5则为半透明。
以下是效果,我设置的是70%的透明度
方法二:使用‘backgroud:rgba(R,G,B)或background-color’来设置背景颜色,然后用‘opactiy:透明度值’属性,透明度值同alpha一样
方法三:使用background-color:十六进制,在十六进制后面加上以下数字,百分比代表透明度值,对应的透明度数值在这↓↓↓
(记住一定要是十六进制的)
举例子如下:
未设置透明度!!底色为白色↓
设置了全透明!!
怎么样对比明显不,设置透明度也可以使用这种方法,不过我觉得不管那种方法达到目的就好了。
更多推荐
已为社区贡献1条内容
所有评论(0)