表格的细线边框

最新推荐文章于 2021-09-14 16:58:42 发布

纯情小码哥

最新推荐文章于 2021-09-14 16:58:42 发布

阅读量479

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签：表格的细线边框

本文链接：https://blog.csdn.net/Liyunhao_haoge/article/details/102089688

CSS 专栏收录该内容

58 篇文章

订阅专栏

表格的细线边框
table {border-collapse:collapse;}
collapse是合并的意思，即将边框合并在一起；

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	table {
		border: 1px solid orange;
		border-collapse: collapse;
	}
	td {
		border: 1px solid orange;
	}
	</style>
</head>
<body>
<table>
	<tr>
		<td>1-1</td>
		<td>1-2</td>
	</tr>
	<tr>
		<td>2-1</td>
		<td>2-2</td>
	</tr>	
</table>
</body>

效果如下: