css——背景属性设置和列表样式属性

背景

背景颜色：background-color:;

背景图片：background-image:url(图片路径);

从同级开始输地址，不用写第一个./

背景重复方式
background-repeat属性

 repeat：沿水平和垂直两个方向平铺

 no-repeat：不平铺，即只显示一次

 repeat-x：只沿水平方向平铺

 repeat-y：只沿垂直方向平铺

背景定位:background-position:Xpos  Ypos;或X%  Y%;或left、center、right（水平） top、center、bottom（垂直）;

x右为正，y下为正

背景简写：background:#C00 url(../image/arrow-down.gif) 205px 10px no-repeat;（背景颜色 背景图像 背景定位 背景不重复显示）

背景尺寸：background-size:;

线性渐变：background: linear-gradient ( position,  color1,  color2,…);

background: linear-gradient(to bottom,purple,pink);

position

0deg （to top）将创建一个从下到上的渐变
90deg (to right)将创建一个从左到右的渐变
180deg (to bottom)将创建一个从左到右的渐变
270deg (to left)将创建一个从右到左的渐变

渐变兼容

IE浏览器是Trident内核，加前缀：-ms-

Chrome浏览器是Webkit内核，加前缀：-webkit-

Safari浏览器是Webkit内核，加前缀：-webkit-

Opera浏览器是Blink内核，加前缀：-o-

Firefox浏览器是Mozilla内核，加前缀：-moz-

background:-webkit-linear-gradient ( position,  color1,  color2,…);

径向渐变

圆形或椭圆形渐变，颜色不再沿着一条直线变化，而是从一个 起点朝所有方向混合

列表

list-style-type

list-style-image:url();

list-style-position

list-style