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>
<tr>
<td></td><td></td>
</tr>
</table>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM