其他CSS属性
一、设置元素的颜色和透明度
a、color
color 属性规定文本的颜色。这个属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）；光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框，除非被 border-color 或另外某个边框颜色属性覆盖。要设置一个元素的前景色，最容易的方法是使用 color 属性。
1
2
3
b、opacity
opacity属性设置元素的不透明级别。
1
2
3
我们还可以使用rgba颜色或者hsla颜色设置元素的透明度。
二、设置表格样式
a、border-collapse
border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。
1
2
3
| 姓名 | 19年龄 | 20
|---|---|
| li | 2324 | 24
| 姓名 | 29年龄 | 30
|---|---|
| li | 3324 | 34
b、border-spacing
border-spacing 属性设置相邻单元格的边框间的距离（仅用于“边框分离”模式）。
1
2
3
| 姓名 | 18年龄 | 19
|---|---|
| li | 2224 | 23
c、caption-side
caption-side 属性设置表格标题的位置。
1
2
3
| 姓名 | 20年龄 | 21
|---|---|
| li | 2424 | 25
d、empty-cells
empty-cells 属性设置是否显示表格中的空单元格（仅用于“分离边框”模式）。
1
2
3
| 姓名 | 24年龄 | 25
|---|---|
| li | 2829 |
| 姓名 | 37年龄 | 38
|---|---|
| li | 4142 |
e、table-layout
tableLayout 属性用来显示表格单元格、行、列的算法规则。
固定表格布局：
固定表格布局与自动表格布局相比，允许浏览器更快地对表格进行布局。在固定表格布局中，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。通过使用固定表格布局，用户代理在接收到第一行后就可以显示表格。
自动表格布局：
在自动表格布局中，列的宽度是由列单元格中没有折行的最宽的内容设定的。此算法有时会较慢，这是由于它需要在确定最终的布局之前访问表格中所有的内容。
1
2
3
| 姓名 | 24年龄 | 25
|---|---|
| lililiuasdadasda | 2824 | 29
| 姓名 | 37年龄 | 38
|---|---|
| lililiuasdadasda | 4124 | 42
三、设置列表样式
a、list-style
list-style 简写属性在一个声明中设置所有的列表属性。可以按顺序设置如下属性：
list-style-type
list-style-position
list-style-image
可以不设置其中的某个值，比如 "list-style:circle inside;" 也是允许的。未设置的属性会使用其默认值。
1
4 5
2 3Document 6 11 12 13-
14
- banana 15
- apple 16
- cabbage 17
![]()
b、list-style-type
list-style-type 属性设置列表项标记的类型。
![]()
c、list-style-position
list-style-position 属性设置在何处放置列表项标记。
![]()
1
4 5
2 3Document 6 17 18 19-
20
- banana 21
- apple 22
- cabbage 23
-
25
- banana 26
- apple 27
- cabbage 28
![]()
d、list-style-image
list-style-image 属性使用图像来替换列表项的标记。
![]()
1
4 5
2 3Document 6 13 14 15-
16
- banana 17
- apple 18
- cabbage 19
四、设置光标样式
cursor
cursor 属性规定要显示的光标的类型（形状）。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状（不过 CSS2.1 没有定义由哪个边界确定这个范围）。
1
2
3
-
18
- banana 19
- apple 20
- cabbage 21
鼠标放到对应元素上会显示问号。
手机扫一扫
移动阅读更方便
你可能感兴趣的文章