Web开发基础-CSS-12

最新推荐文章于 2024-05-11 09:00:00 发布

Coder_Boy_

最新推荐文章于 2024-05-11 09:00:00 发布

阅读量175

点赞数

分类专栏： Web开发

本文链接：https://blog.csdn.net/Coder_Boy_/article/details/80787599

版权

Web开发专栏收录该内容

108 篇文章 0 订阅

订阅专栏

CSS中设置表格样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格样式</title>
		<style type="text/css">
			table {
				border:1px solid red;
				/* 边框合并 */
				border-collapse:collapse;
				width:300px;
				margin:50px auto;
			}
		
			td {
				border:1px solid red;
				text-align:center;
				line-height:30px;
			}
		</style>
	</head>
	<body>
		<table>
			<tr>
				<td>苍老师</td>
				<td>范老师</td>
			</tr>
			<tr>
				<td>王老师</td>
				<td>程老师</td>
			</tr>
		</table>
	
	</body>
</html>

最终页面效果：