1.列表样式
1.list-style-type:(图标)
2.list-style-image :url()(图片)
3.list-style-position:水平坐标 ——垂直坐标
4.list-style:
type的取值:
2.背景颜色
background-color
注意:
1.背景颜色值:十六进制方法表示
2.transparent
3.背景图像
1.图片
background-image属性
background-image:url(图片路径);
2.背景重复方式:
background-repeat属性
repeat:沿水平和垂直两个方向平铺
no-repeat:不平铺,即只显示一次
repeat-x:只沿水平方向平铺
repeat-y:只沿垂直方向平铺
3.背景定位:
background-position属性
水平,垂直,取值:
4.背景样式简写
背景属性
background属性
background:背景颜色——背景图像url()——背景定位——背景不重复;
5.背景图片尺寸
背景尺寸 background-size
取值:
5.渐变属性
1.线性渐变
颜色沿着一条直线过渡:从左到右、从右到左、从上到下等
background:linear-grodient(0dey~360dey 或者 to top/ to right/ to pottom/ to left,颜色1,颜色2,颜色3..........等)
(to top)将创建一个从下到上的渐变
(to right)将创建一个从左到右的渐变
(to bottom)将创建一个从左到右的渐变
(to left)将创建一个从右到左的渐变