HTML背景色透明度代码

在HTML中，可以通过设置背景色的透明度来实现背景色的半透明效果。以下是常用的背景色透明度代码：

background-color: rgba(255, 255, 255, .5); /* 50%透明白色 */
background-color: rgba(0, 0, 0, .8); /* 80%透明黑色 */
background-color: rgba(255, 0, 0, .2); /* 20%透明红色 */
background-color: rgba(0, 255, 0, .3); /* 30%透明绿色 */
background-color: rgba(0, 0, 255, .4); /* 40%透明蓝色 */

如上代码中，rgba表示颜色值的方式是使用了红、绿、蓝三种颜色通道的值加上透明度值。其中，255, 255, 255分别是红、绿、蓝颜色通道的值，取值范围是0-255；.5, .8, .2, .3, .4分别是背景色的透明度值，取值范围是0-1。

背景色透明度代码可以用于各种场合，例如页面头部的导航栏、侧边栏、弹框等，都可以通过设置背景色的透明度来实现半透明的效果，从而凸显页面的主体内容。

打赏

微信打赏

支付宝打赏

本站所有资源免费分享，仅供测试学习，如有帮助，欢迎打赏支持走的更远！

点击下面的广告帮助我收回服务器成本 ❤️

发表评论