背景样式

.背景样式

background-color 背景颜色

background-image 背景图片

background-repeat 背景图片的平铺方式，

属性值包括：no-repeat(不平铺) repeat(平铺) repeat-x(X轴平铺) repeat-y(Y轴平铺)

background-position 背景图片的位置，

可以通过：left right top bottom center 这些方位值设背景图片的具体位置，

也可以通过：具体的数字设置X轴和Y轴的位置，

还可以通过：百分比设置X轴和Y轴的位置，

无论是给具体的数字，还是给具体的百分比，如果只传一个值，X轴和Y轴的位置相同

background-size 属性设置背景图片的大小，

属性值contain，表示：等比拉伸，直到跟任意一边与容器边框重叠，

属性值cover，表示：等比拉伸，直到跟所有边与容器边框重叠，

可以设置固定的大小，一般不推荐，因为会使图片变形，

属性值也可以设置百分比

background 是背景的缩写属性，可以同时设置背景颜色，背景图片，平铺方式，位置，

各属性值，没有严格的顺序

如果要加背景图片的大小,方式是：颜色 图片 平铺方式 位置 / 背景图片大小

background:redurl(./img/zhl.jpg)no-repeat center/300px300px

6.背景渐变

linear-gradient()函数，用于设置背景的线性渐变

该函数的第一个参数值是渐变的方向，后面的参数值是渐变的颜色

background:linear-gradient(to left top,red,blue,green,purple)

radial-gradient()函数，用于设置背景的径向渐变

该函数不需要传渐变方向，直接传渐变的颜色，从中间向外渐变

background:radial-gradient(red,blue,green)

7.文本垂直居中

如果只有一行文本内容，可以通过设置line-height:height(行高=高度)的方式，设置文本垂直居中

8.文本阴影

text-shadow 属性设置文本阴影

属性值分别是：X轴偏移量 Y轴偏移量 阴影的模糊半径 阴影颜色

9.图片对齐方式

图片的vertical-align样式，可以设置图片两端文本相对于图片的对齐方式

属性值包括了：top bottom middle