在HTML中，我們?cè)O(shè)置border=”1″ 時(shí)，表格邊框?qū)嶋H大小是2px，那如果我們要做成1px的細(xì)線表格要怎么辦？以前在做1px的表格的時(shí)候，我會(huì)用表格背景顏色，然后再用另一種顏色設(shè)計(jì)單元格的背景，再把表格間距設(shè)置成1px，這樣就能達(dá)到我們的1px表格了，如下例：
<table align="center" bgcolor="#f90" border="0" cellpadding="0" cellspacing="1" width="80%">
<tr>
<td bgcolor="#ffc"></td>
<td bgcolor="#ffc"></td>
<td bgcolor="#ffc"></td>
</tr>
<tr>
<td bgcolor="#ffc"></td>
<td bgcolor="#ffc"></td>
<td bgcolor="#ffc"></td>
</tr>
<tr>
<td bgcolor="#ffc"></td>
<td bgcolor="#ffc"></td>
<td bgcolor="#ffc"></td>
</tr>
</table>
這種方法雖然可以實(shí)現(xiàn)，但是頁(yè)面里的代碼多了很多，而且要控制局部也相對(duì)麻煩些。
下面的這種方法及其簡(jiǎn)單，html代碼也減少了很多，結(jié)構(gòu)更加的清晰。
CSS部分：
<style type="text/css">
<!--
table{
border-collapse:collapse;
}
td{
background:#ffc;
border:solid 1px #f90;
height:22px;
}
-->
</style>
HTML部分：
<table width="80%" align="center">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
更多信息請(qǐng)查看IT技術(shù)專欄
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試