摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html第八节课--表格</title> <style type="text/css"> p{text-indent
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html第八节课--表格</title>
<style type="text/css">
p{text-indent: 2em;font-size: 30px;color: red;font=font-weight: bold;}
table{border: 1px solid #ccc;border-collapse: collapse;}
tr td{height: 100px;width: 150px;border: 1px solid #ccc}
tr th{height: 100px;width: 150px;border: 1px solid #ccc}
</style>
</head>
<body>
<p>表头+三行四列表格</p>
<table>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
<tr>
<td colspan="4">合并列1</td>
</tr>
<tr>
<td rowspan="2">合并行1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>
批改老师:查无此人批改时间:2019-03-06 09:18:15
老师总结:完成的不错,表格很实用,多练习。市场上很多框架,使用的表格,很漂亮。可以参考下它们的样式。继续加油