css学习笔记5

5.CSS列表属性

列表相关的属性，可以作用在ul、ol、li元素上。

css属性名	功能	属性值
list-style-type	设置列表符号	常用值如下： none：不显示前面的标识（很常用！） square：实心方块 disc：圆形 decimal：数字 lower-roman：小写罗马数字 upper-roman：大写罗马数字 lower-alpha：小写字母 upper-alpha：大写字母
list-style-position	设置列表符号的位置	inside：在li的里面 outside：在li的外边
list-style-image	自定义列表符号	url（图片地址）
list-style	复合属性	没有数量、顺序的要求

6.CSS表格属性

1.边框相关属性（其他元素也能用）：

css属性名	功能	属性值
border-width	边框宽度	CSS中可用的长度值
border-color	边框颜色	CSS中可用的颜色值
border-style	边框风格	none：默认值 solid：实线 dashed：虚线 dotted：点线 double：双实线
border	边框符合属性	没有数量、顺序的要求

注意：

1. 以上4个边框相关的属性，其他元素也可以用，这是我们第一次遇见它们。
2. 在后面的盒子模型中，我们会详细讲解边框相关的知识。

2.表格独有属性（只有table标签才能使用）：

css属性名	功能	属性值
table-layout	设置列宽度	auto：自动，列宽根据内容计算（默认值）。 fixed：固定列宽，平均分。
border-spacing	单元格间距	CSS中可用的长度值。 生效的前提：单元格边框不能合并。
border-collapse	合并单元格边框	collapse：合并 separate：不合并
empty-cells	隐藏没有内容的单元格	show：显示，默认 hide：隐藏 生效的前提：单元格不能合并。
caption-side	设置表格标题位置	top：上面（默认值） bottom：在表格下面

以上5个属性，只有表格才能使用，即：table标签。

7.CSS背景属性

css属性名	功能	属性值
background-color	设置背景颜色	符合CSS中颜色规范的值。 默认背景颜色是transparent。
background-image	设置背景图片	url(图片的地址)
background-repeat	设置背景重复方式	repeat：重复，铺满整个元素，默认值。 repeat-x：只在水平方向重复。 repeat-y：只在垂直方向重复。 no-repeat：不重复。
background-position	设置背景图位置	通过关键字设置位置： 写两个值，用空格隔开 水平：left、center、right 垂直：top、center、bottom 如果只写一个值，另一个方向的值取center 通过长度指定坐标位置： 以元素左上角为坐标原点，设置图片左上角的位置。 两个值，分别是x坐标和y坐标。 只写一个值，会被当做x坐标，y坐标取center。
background	复合属性	没有数量、顺序的要求

8.CSS鼠标属性

css属性名	功能	属性值
cursor	设置鼠标光标的样式	pointer：小手 move：移动图片 text：文字选择器 crosshair：十字架 wait：等待 help：帮助

扩展：自定义鼠标图标

/* 自定义鼠标光标 */
cursor：url("./arrow.png"),pointer;