2021-11-5html表格-不合并列，实现不带边框的标题

最新推荐文章于 2023-10-17 10:10:39 发布

qq_43628355

最新推荐文章于 2023-10-17 10:10:39 发布

阅读量142

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/qq_43628355/article/details/121168408

版权

表格标题可以在边框内部，也可以在外部

放在表格外使用<caption>添加

<head>
<style type="text/css">
    td,th{border:thin solid black;}
    table{border:thick solid Blue;
        border-collapse:collapse;}
</style>
</head>
<table>
<caption>Fruit Juice Drinks</caption>
		<tr>
			<th></th>
			<th>Apple</th>
			<th>Orange</th>
			<th>Screwdriver</th>
		</tr>
		<tr>
			<th>Breakfast</th>
			<td>0</td>
			<td>1</td>
			<td>0</td>
		</tr>
		<tr>
			<th>Lunch</th>
			<td>0</td>
			<td>1</td>
			<td>0</td>
		</tr>
	</table>
</body>