1.新增边框属性
box—shadow【实现边框阴影】
属性值有 :模糊度 X轴偏移 Y轴偏移 color 阴影颜色
border—radius【 实现圆角边框】
属性值越大角度越大
border—image【实现图片边框】
border-image: source slice width outset repeat;
2.新的多列布局
column-count 指定需要分割的列数
column-gap 指定列与列间的间隙
column-rule-width指定两列的边框厚度 还有颜色样式。。
column-span 指定元素是否跨越所有列
column-width指定列的宽度
3.颜色属性
rgba(red,alpha)
相对于rgb颜色表示法,新增了一个透明通道。
alpha该透明通道取值为0--1,值越大,越不透明
opacity:0--1
表示透明度。该取值越大,越不透明。
该属性具有继承性
4.渐变属性
1>线性渐变
/*方向性渐变这是向右可以向左上下啊线性渐变*/ background: linear-gradient(to right,yellow,red,green,blue,violet);
如果想要在渐变的方向上做更多的控制,可以定义一个角度,而不用预定义方向(to bottom、to top、to right、to left、to bottom right,等等)。
2>径向渐变
/*径向渐变的样式是由度数来决定的 表达式xxdeg*/
background: linear-gradient(45deg,yellow,red,green,blue,violet);5.背景新增属性
background-image 新增多张图片功能,每张图片以” , “隔开
background-repeat 新增两个属性值,
background-position 可以对于 top|right|bottom|left进行定位调整
background-origin 从盒子模型不同区域开始显示背景图片
background-clip 从盒子模型不同区域开始裁剪背景图片
background-size 用长度值指定背景图片大小,不允许负值