中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

在HTML中，我們設(shè)置border=”1″ 時，表格邊框?qū)嶋H大小是2px，那如果我們要做成1px的細(xì)線表格要怎么辦？以前在做1px的表格的時候，我會用表格背景顏色，然后再用另一種顏色設(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)，但是頁面里的代碼多了很多，而且要控制局部也相對麻煩些。

下面的這種方法及其簡單，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>

更多信息請查看IT技術(shù)專欄