abstract:在表格中<tr><td></td></tr>必須是成對(duì)出現(xiàn),否則沒(méi)有效果。合并行使用:rowspan屬性, 合并列使用:colspan 屬性。以下是學(xué)生成績(jī)表格展示效果:<!DOCTYPE html><html lang="en"><head><meta charset="UTF
在表格中<tr><td></td></tr>必須是成對(duì)出現(xiàn),否則沒(méi)有效果。合并行使用:rowspan屬性, 合并列使用:colspan 屬性。
以下是學(xué)生成績(jī)表格展示效果:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>學(xué)生成績(jī)表格</title>
<style>
*{margin: 0px;padding: 0px;}
table{border: 1px solid #ccc; border-collapse: collapse;margin:0px auto;}
th{height:35px; border:1px solid #ccc;border-collapse: collapse;background:blue;color:#fff;}
tr td{width:65px;height:35px; border:1px solid #ccc;text-align: center;}
</style>
</head>
<body>
<table>
<th>編號(hào)</th>
<th>姓名</th>
<th>年齡</th>
<th>班級(jí)</th>
<th>成績(jī)</th>
<tr>
<td>1</td>
<td>張三</td>
<td>18</td>
<td>3班</td>
<td>70</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>20</td>
<td>5班</td>
<td>80</td>
</tr>
<tr>
<td>3</td>
<td>王五</td>
<td>22</td>
<td>8班</td>
<td>90</td>
</tr>
<tr>
<td colspan="5">合并5列效果</td>
</tr>
</table>
</body>
</html>
Correcting teacher:滅絕師太Correction time:2019-01-18 13:12:08
Teacher's summary:完成的不錯(cuò),表格是網(wǎng)頁(yè)中比較常見(jiàn)的效果,多多練習(xí)奧!