表格练习--表头+三行四列表格

Original 2019-03-05 23:54:41 1111
abstract:<!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>


Correcting teacher:查无此人Correction time:2019-03-06 09:18:15
Teacher's summary:完成的不错,表格很实用,多练习。市场上很多框架,使用的表格,很漂亮。可以参考下它们的样式。继续加油

Release Notes

Popular Entries