10-01颜色相关样式

代码显示在文本中

带透明度的rgba颜色格式

background-color: rgb(255,255,0);
background-color: rgba(255,255,0,0.8);
background-color: rgba(255,255,0,0.3);

带透明度的hsla颜色格式

 h为色调,s为饱和度,l为亮度

background-color: hsl(90,100%,50%);
background-color: hsla(90,100%,50%,0.7);
background-color: hsla(90,100%,50%,0.3);

颜色的半透明和元素半透明的对比

背景和文字都不透明
背景半透明,文字不透明
背景不透明,文字半透明
背景和文字都半透明
背景和文字都不透明,但整个元素半透明

transparent透明度测试

背景、边框和文字都不透明
边框透明
背景透明
文字透明
上一个div的文字透明了看不到,但能选中