-- 作者：longlong
-- 發(fā)布時間：2009/12/11 11:05:40
-- 1像素表格的5種經(jīng)制作方法
1像素表格的5種制作方法
方法1：利用亮邊框和暗邊框[推薦]
<table width="100%" height="100" border="1" bordercolorlight="red" bordercolordark="white" cellpadding="0" cellspacing="0"> <tr>
<td>www.ksblcw.cn</td>
<td>www.ksblcw.cn</td>
</tr>
<tr>
<td>www.ksblcw.cn</td>
<td>www.ksblcw.cn</td>
</tr>
</table>
方法2：利用collapse[推薦]
<table width="100%" height="100" border="1" bordercolor="blue" cellspacing="0" style="border-collapse:collapse">
<tr>
<td>www.ksblcw.cn</td>
<td>www.ksblcw.cn</td>
</tr>
<tr>
<td>www.ksblcw.cn</td>
<td>www.ksblcw.cn</td>
</tr>
</table>
方法3：(表格嵌套)
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ff0000"> <tr>
<td>
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr bgcolor="#ffffff">
<td>極細表格邊框</td>
<td>極細表格邊框</td>
<td>極細表格邊框</td>
</tr><tr bgcolor="#ffffff">
<td>極細表格邊框</td>
<td>極細表格邊框</td>
<td>極細表格邊框</td>
</tr>
</table>
</td>
</tr>
</table>
方法4：(用css實現(xiàn))
<div id="table">
<table width="100%" border="0" >
<tr>
<td>極細表格邊框</td>
<td>極細表格邊框</td>
<td>極細表格邊框</td>
</tr>
<tr>
<td>極細表格邊框</td>
<td>極細表格邊框</td>
<td>極細表格邊框</td>
</tr>
</table>
</div>
方法5：利用單元格的間距
<table width="100%" height="100" border="0" bgcolor="red" cellpadding="0" cellspacing="1"> <tr>
<td bgcolor="white">www.ksblcw.cn</td>
<td bgcolor="white">www.ksblcw.cn</td>
</tr>
<tr>
<td bgcolor="white">www.ksblcw.cn</td>
<td bgcolor="white">www.ksblcw.cn</td>
</tr>
</table>
|