一、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 | 复合属性 | 没有数量、顺序的要求 |
二、CSS表格属性
1. 边框相关属性(其他元素也能用):
CSS 属性名 | 功能 | 属性值 |
---|---|---|
border - width | 边框宽度 | CSS 中可用的长度值 |
border - color | 边框颜色 | CSS 中可用的颜色值 |
border - style | 边框风格 | none 默认值 solid 实线 dashed 虚线 dotted 点线 double 双实线 |
border | 边框复合属性 | 没有数量、顺序的要求 |
2. 表格独有属性(只有 table 标签才能使用):
CSS 属性名 | 功能 | 属性值 |
---|---|---|
table - layout | 设置列宽度 | auto :自动,列宽根据内容计算(默认值)。 fixed :固定列宽,平均分。 |
border - spacing | 单元格间距 | CSS 中可用的长度值。 生效的前提:单元格边框不能合并。 |
border - collapse | 合并单元格边框 | collapse :合并 separate :不合并 |
empty - cells | 隐藏没有内容的单元格 | show :显示,默认 hide :隐藏 生效前提:单元格不能合并。 |
caption - side | 设置表格标题位置 | top :上面(默认值) bottom :在表格下面 |
以上 5 个属性,只有表格才能使用,即: <table> 标签。
三、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 | 复合属性 | 没有数量和顺序要求 |
四、CSS鼠标属性
CSS 属性名 | 功能 | 属性值 |
---|---|---|
cursor | 设置鼠标光标的样式 | pointer :小手 move :移动图标 text :文字选择器 crosshair :十字架 wait :等待 help :帮助 |
自定义鼠标图标:
cursor: url("./arrow.png"),pointer;