CSS_表格

最新推荐文章于 2024-10-05 17:10:47 发布

「已注销」

最新推荐文章于 2024-10-05 17:10:47 发布

阅读量126

点赞数

分类专栏： HTML学习

本文链接：https://blog.csdn.net/dolola/article/details/79140046

版权

HTML学习专栏收录该内容

37 篇文章 0 订阅

订阅专栏

放一个模仿的代码吧，不知道说什么。

新的标签就是对标题位置的改变

caption
{
      caption-side:bottom;
}

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>practice</title> 

<style>
		caption
		{
			caption-side:bottom;
		}
		
		th
		{
			background-color:green;
			color:white;
		}
		.type1
		{
			background-color:gray;
		}
		.type2
		{
				background-color:white;
		}
</style>
	
</head>

<body>
	<table>
		<caption>henghaha</caption>
		<tr>
			<th>Company</th>
			<th>Contact</th>
			<th>Country</th>
		</tr>
		<tr class="type1">
			<td>Alfreds</td>
			<td>Maria Anders</td>
			<td>Germany</td>
		</tr>
		<tr class="type2">
			<td>berglunds snabbop</td>
			<td>Chridtina Berglund</td>
			<td>Sweden</td>
		</tr>
		<tr class="type1">
			<td>Centro comerical Moctezuma</td>
			<td>Franciso Chang</td>
			<td>Mexico</td>
		</tr>
		<tr class="type2">
			<td>Ernst Handel</td>
			<td>Roland Mendel</td>
			<td>Austria</td>
		</tr>
		<tr class="type1">
			<td>Island Trading</td>
			<td>Helen Bennett</td>
			<td>Helen Bennett</td>
		</tr>
		<tr class="type2">
			<td>Island Trading</td>
			<td>Helen Bennett</td>
			<td>Helen Bennett</td>
		</tr>
		<tr class="type1">
			<td>Island Trading</td>
			<td>Helen Bennett</td>
			<td>Helen Bennett</td>
		</tr>
		<tr class="type2">
			<td>Island Trading</td>
			<td>Helen Bennett</td>
			<td>Helen Bennett</td>
		</tr>
		<tr class="type1">
			<td>Island Trading</td>
			<td>Helen Bennett</td>
			<td>Helen Bennett</td>
		</tr>
		<tr class="type2">
			<td>Island Trading</td>
			<td>Helen Bennett</td>
			<td>Helen Bennett</td>
		</tr>
		<tr class="type1">
			<td>Island Trading</td>
			<td>Helen Bennett</td>
			<td>Helen Bennett</td>
		</tr>
	</table>
	
</body>
</html>

新手上路，欢迎斧正。