直播app源代码，合并表格边框线

云豹网络科技

于 2020-12-02 14:18:07 发布

阅读量206

点赞数 1

分类专栏：技术类文章标签： html css python vue js

原文链接：https://blog.csdn.net/m0_37754657/article/details/79085854

版权

技术类专栏收录该内容

1491 篇文章 4 订阅

订阅专栏

直播app源代码，合并表格边框线相关的代码
方法一：在html中

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
		table{
			width:800px; 
			border:1px solid blue;
		}
		td{
			border:1px solid blue;
		}
	</style>
</head>
<body>
	<table rules="all">
	<tr>
		<td>序号</td>
		<td>姓名</td>
		<td>电话</td>
	</tr>
	<tr>
		<td>0001</td>
		<td>小二</td>
		<td>1234567890</td>
	</tr>
	<tr>
		<td>0002</td>
		<td>小三</td>
		<td>1234567890</td>
	</tr>
</table>
</body>
</html>

在 table 标签中添加属性 rules=“all” 可合并表格边框线
方法二：在css中

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
		table{
			width:800px; 
			border:1px solid blue;
			border-collapse:collapse; 
		}
		td{
			border:1px solid blue;
		}
	</style>
</head>
<body>
	<table>
	<tr>
		<td>序号</td>
		<td>姓名</td>
		<td>电话</td>
	</tr>
	<tr>
		<td>0001</td>
		<td>小二</td>
		<td>1234567890</td>
	</tr>
	<tr>
		<td>0002</td>
		<td>小三</td>
		<td>1234567890</td>
	</tr>
</table>
</body>
</html>