在前端开发中,我们时常需要使用不透明度来实现一些效果。CSS中,我们可以通过opacity属性来设置不透明度。它的取值范围是0-1之间,数值越大,不透明度越高。不过,它会影响元素内部所有内容的透明度,
/* 设置不透明度 */ <p>div {</p> <p> opacity: 0.5;</p> <p>}</p> <br> /* 只改变背景颜色的不透明度 */ <p>div {</p> <p> background-color: rgba(255, 255, 255, 0.5);</p> <p>}</p> <br> /* 使用rgba颜色值 */ <p>div {</p> <p> background-color: rgba(255, 0, 0, 0.5);</p> <p>}</p> <br> /* 完全透明 */ <p>div {</p> <p> background-color: transparent;</p> <p>}</p>
粉丝
0
关注
0
收藏
0