HTML-05-table表格

table表格

 

• 基本组成

1. tr：表格行
2. th：表头
3. td：表格单元

如图所示为3×4的表格

1. <table class="up" border="1">
2.         <tr>
3.             <th>1</th>
4.             <th>2</th>
5.             <th>3</th>
6.             <th>4</th>
7.         </tr>
8.         <tr>
9.             <td>1</td>
10.             <td>2</td>
11.             <td>3</td>
12.             <td>4</td>
13.         </tr>
14.         <tr>
15.             <td>1</td>
16.             <td>2</td>
17.             <td>3</td>
18.             <td>4</td>
19.         </tr>
20.     </table>

• css重置

1. 在css样式里写table{border-collapse；}，表示将表格中的单元格间隙合并，现实中定义了表格之后，表格会显示出单元格间隙，呈现出来的如文字上的效果图所示。

经过单元格间隙合并后呈现的效果为：

<style>

        *{

            margin: 0;

            padding: 0;

        }

        table{

            border-collapse: collapse;

        }