2021-05-09

常用设置盒子背景样式

1、设置盒子为彩色背景

backgroud：-webkit-linear-gradient（left,color1;color2;color3）；第一个参数left表示颜色变化的方向是从左到右变化的；之后color可以设置二至多个

2、设置背景颜色透明度

t1、使用opacity属性设置opacity：0；（完全透明）opacity：1；完全不透明 透明度可以通过0到1之间进行调节

此种方法有一个不足的地方就是如果标签盒子内部有文本的话文本的清晰度也会随着盒子的改变而改变  因此：

t2、使用background：rgb（222，223，123，0.5）；这种方式设置背景透明度其文本透明度不会受到影响  通过最后一个参数（红色字体）进行修改其透明程度（0到1之间）

3、设置背景阴影 

box-shadow: 2px,2px,10px rgb(211,32,121);前两个参数分别表示阴影关于xy轴移动的距离为多少像素 第三个参数表示阴影超出盒子的外边框 rgb()是用来调节阴影的颜色的