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的文字透明了看不到,但能选中