The content of this article is about setting the table border style in HTML, which has a certain reference value. Now I share it with everyone. Friends in need can refer to it
html设置表格边框样式
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>设置表格边框样式</title>
<style>
.border_distance{
border-collapse: collapse; /**设置小表格之间的间距为0*/
border-right:1px solid red;
border-top:1px solid red;
}
.border_distance tr td{
border-left:1px solid green;
border-bottom:1px solid green;
}
</style>
</head>
<body>
<table class="border_distance">
<tr>
<td>科目</td>
<td>分数</td>
</tr>
<tr>
<td>语文</td>
<td>92</td>
</tr>
<tr>
<td>数学</td>
<td>99</td>
</tr>
<tr>
<td>英语</td>
<td>59</td>
</tr>
</table>
</body>
</html>Related recommendations:
HTMLSet the hyperlink font color and the font color after click
htmlSet or return the property fillStyle of the color gradient or pattern used to fill the painting
htmlSuspended frame iframe loading html settings usage example
The above is the detailed content of html set table border style. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
