用HTML建表格
<table> <caption>...(标题)...</caption> <tr> <th>...</th> .... </tr> <tr> <td>...</td> .... </tr> .... </table>
a. 如果一个单元格是空的,则<td>元素中不放置任何内容。
b. 表格数据跨多行或多列
跨多列:在单元格<td>里添加rowspan,删除同一行中的表格数据;
跨多行:添加colspan属性,然后指定列数,
c. 镶嵌表格
将一个<table>元素放在<td>元素中。
- 为表格增加CSS样式
a. 一般在左右边增加一个外边距(margin);为整个表格增加一个边框(border),边框间距(border-spacing)为0px,或折叠边框(border-collapse:collapse),标题(caption)移到表格下方;
b. 接着修改表格数据单元格(td/th)的边框(border),为单元格增加内边距(padding);
c. 给表行添加颜色: 1. 用类;2. 用id;3. 用伪类 nth-child
th:nth-child(even) {......} th:nth-child(odd) {......}
或
th:nth-child(2n) {......} th:nth-child(2n+1) {......}
d. 可以用text-align 和vertical-align CSS属性改变单元格中数据的对齐方式
d. 为标题指定样式
- 几个特定于列表的CSS属性
list-style-type属性 改变列表中使用的列表图标
list-style-type :(图标类型)
list-style-image属性 指定列表标记图像
list-style-image:url(..路径..)
list-style-position属性 控制列表上的文本的回绕
list-style-position:inside
(在标记下回绕)
list-style-position:outside
(在文本下回绕)