css background背景色透明的三种写法

三种写法,哪种适合选哪种。

css background背景色透明的三种写法

<style type="text/css">
body 
{
background-color: #ff00004d;

background-color: hsla(0, 100%, 50%, 0.3);

background-color: rgba(255, 0, 0, 0.3);
}
</style>

我们大家对第一种很熟悉,是采用16位的格式书写,其中#ff00004d的前6位是颜色值,后两位则是透明的百分比,当然也是16进位的。

如果我们对16进位的数字不敏感,也可以选择后两种,hsl和rgb的方式,最后一位都是透明度的值。

9
蜗牛不带伞
蜗牛不带伞
发表于2018-07-12 1:01
标签 backgroundcss前端背景色透明 归档于 css