第一种方法就是利用table标签cellspacing=0属性来实现,cellspacing是内边框和外边框的距离,这种方法实现的看起来是单实线,其实是内边框线和外边框线组合成的实线。

第二种方法是利用css的表格border-collapse属性来实现。

<!DOCTYPE html>
<html>
<head>
<style type="text/css">

table#a{
border-collapse:collapse;
}
#a tr td
{border:1px solid black;}

</style>
</head>
<body>
<table width="200px"
height="100px"cellspacing="0"border="1px">
<tr>
<td ></td><td></td>
</tr>
<tr>
<td></td><td></td>
</tr>
<tr>
<td></td><td></td>
</tr>
</table>
<br/>
<table id="a"width="200px"
height="100px">
<tr>
<td ></td><td></td>
</tr>
<tr>
<td></td><td></td>
</tr>
<tr>
<td></td><td></td>
</tr>
</table>
</body>
</html>

table表格设置边框线为单实线

 

相关文章:

  • 2021-12-06
  • 2022-01-11
  • 2022-12-23
  • 2021-07-07
  • 2021-05-30
  • 2021-12-05
  • 2022-12-23
猜你喜欢
  • 2022-01-11
  • 2021-05-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-11
相关资源
相似解决方案