/ 线性渐变 - 从上到下（默认情形下） /background-image: linear-gradient(#e66465, #9198e5);/ 设置渐变方向 // 线性渐变 - 从左到右 /background-image: linear-gradient(to right, red , yellow);/ 线性渐变 - 从下到上 /background-image: linear-gradient(to top, red , yellow);/ 线性渐变 - 从左下角到右上角 /background-image: linear-gradient(to right top, red , yellow);/ 利用角度设置线性渐变的方向 /background-image: linear-gradient(30deg, red, yellow, green);/ 调度开始渐变的位置 /background-image: linear-gradient(red 50px, yellow 100px , green 150px);/ 重复线性渐变 /background-image: repeating-linear-gradient(red, yellow 10%, green 20%);

2. 径向渐变

/ 径向渐变，默认从圆心四散。
不一定是正圆，要看容器本身宽高比 /background-image: radial-gradient(red, yellow, green);/ 调度渐变圆的圆心肠位 // 从右上角开始渐变 /background-image: radial-gradient(at right top, red, yellow, green);/ 从指定位置开始渐变 /background-image: radial-gradient(at 100px 50px, red, yellow, green);/ 调度渐变形状为正圆 /background-image: radial-gradient(circle, red, yellow, green);/ 调度形状的半径 /background-image: radial-gradient(100px, red, yellow, green);background-image: radial-gradient(50px 100px, red, yellow, green);/ 调度开始渐变的位置 /background-image: radial-gradient(red 50px, yellow 100px, green 150px);/ 重复径向渐变 /background-image: repeating-radial-gradient(red, yellow 10%, green 15%);三、列表

适用于 <ul>、<ol>、<li> 等列表标签。

list-style-type：设置列表符号。
list-style-position：设置列表符号的位置。
list-style-image：自定义列表符号。
list-style：列表复合属性。

/ 不显示前面的标识 /list-style-type: none;/实心方块/list-style-type: square;/实心圆，默认/list-style-type: disc;/空心圆/list-style-type: circle;/数字/list-style-type: decimal;/小写罗马字/list-style-type: lower-roman;/大写罗马字/list-style-type: upper-roman;/小写字母/list-style-type: lower-alpha;/大写字母/list-style-type: upper-alpha;/ 符号在li里面 /list-style-position: inside;/ 符号在li表面 /list-style-position: outside;/ 自定义列表符号图片 /list-style-image: url('sqpurple.gif');/ 利用复合属性 /list-style: square url("sqpurple.gif");四、表格

适用于 <table> 元素：

html列表图标HTML/CSS 备忘录 11 CSS 配景/列表/表格/鼠标 SQL
（图片来自网络侵删）
table-layout：设置列宽度。
border-spacing：单元格间ta距。
border-collapse：合并单元格边框。
empty-cells：隐蔽没有内容的单元格。
caption-side：设置表格标题位置。

/ 自动，列宽根据内容打算(默认值) /table-layout: auto;/ 固定列宽，均匀分 /table-layout: fixed;/ 单元格间距 /border-spacing: 5px;/ 合并单元格 /border-collapse: collapse;/ 不合并单元格 /border-collapse: separate;/ 显示空单元格 /empty-cells: show;/ 隐蔽空单元格 /empty-cells: hide;/ 表格标题在上面 /caption-side: top;/ 表格标题不才面 /caption-side: bottom;五、鼠标

/ 自定义鼠标光标 /cursor: url("./arrow.png"), pointer;pointer：小手。
move：移动图标。
text：笔墨选择器。
crosshair：十字架。
wait：等待。
help：帮助。