table表格设置边框线为单实线
设置table表格边框为单实线的⽅法有两种
第⼀种⽅法就是利⽤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>
table设置内边框
<tr>
<td></td><td></td>
</tr>
</table>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。