HTML列表

1、表格 HTML表格元素<table><tr><th><td>一起用来创建一个表格。 <table>元素定义并包围整个表格。 <tr>表示一行。 <td>表示一个单元格。 <th>用来表示行或列表头的单元格。 <caption>元素提供表格的额外信息（相当于表格的标题）。默认的，表头在表格的上方。table的CSS属性caption-side指定caption的位置，下面的代码将caption移动的表格下部： table { caption-side: bottom; } 对于表格的每个单元格，有内边距和边框，但是没有外边距。相对的table有一个border-spacing的CSS属性定义整个表格每个单元格共同的外边距。 也可以定义垂直和水平方向上的外边距，例如： border-spacing: 10px 30px; 将border-collapse的CSS属性设置为collapse，可以使单元格之间没有边框间距。浏览器会忽略表格上设置的所有边框间距。另外还会把两个边框合并成一个边框。 为表格设置间隔颜色的两种实现方法： （1）定义一个类，为其设置背景颜色，在需要的表格行<tr>指定其归属这个类； （2）使用伪类nth-child，表示一个元素相对于它兄弟元素的数字顺序： tr:nth-child(2n+1){ background-color: #fcba7a; }