表单与表格
表格 table
- caption 标题
表头thead
,tr代表行 th代表列,行包含列,e.g.一行三列
表身体tbody
,,tr,td
<table border="1" cellspacing="0" cellpadding="10">
- 属性:
border 设置表格边框
cellspacing 设置单元格之间的距离
cellpadding 设置单元格内边框
align="center"居中
<tr >
<td rowspan="3">西游记</td>
<td colspan="2">吴承恩</td>
<!-- <td>¥69</td> -->
</tr>
rowspan 合并行
colspan 合并列
多余的删掉,上下行合并设置上边删下边,左右列合并设置前面删旁边
- 表格练习
<head>
<title>表格</title>
<style>
tbody tr td:nth-of-type(2){
color: rgb(83, 83, 143);
}
table{
width: 1200px;
height: 400px;
}
td{
text-align: center;
}
</style>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="10" >
<thead>
<tr>
<th rowspan="2">序号</th>
<th rowspan="2">工作内容</th>
<th rowspan="2"