<!DOCTYPE html>
<html>
<head>
<title>HTML表格边框单线示例</title>
<style>
table {
border-collapse: collapse; /* 合并单元格边框 */
}
table, th, td {
border: 1px solid black; /* 设置表格、表头和单元格的边框为1像素宽的实线 */
}
</style>
</head>
<body>
<h2>HTML表格边框单线示例</h2>
<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
<tr>
<td>数据3</td>
<td>数据4</td>
</tr>
</table>
</body>
</html>
border-collapse: collapse;
:这个样式属性用于合并相邻单元格的边框,使得表格看起来更整洁,避免双线效果。border: 1px solid black;
:设置表格、表头 (th
) 和单元格 (td
) 的边框为1像素宽的黑色实线,确保整个表格的边框是单线的。上一篇:herf在html中是什么意思
下一篇:html转换工具
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站