-- 作者：longlong
-- 發布時間：2009/12/11 11:05:40
-- 1像素表格的5種經制作方法
1像素表格的5種制作方法
方法1：利用亮邊框和暗邊框[推薦]
<table width="100%" height="100" border="1" bordercolorlight="red" bordercolordark="white" cellpadding="0" cellspacing="0"> <tr>
<td>m.wingchunsc.com</td>
<td>m.wingchunsc.com</td>
</tr>
<tr>
<td>m.wingchunsc.com</td>
<td>m.wingchunsc.com</td>
</tr>
</table>
方法2：利用collapse[推薦]
<table width="100%" height="100" border="1" bordercolor="blue" cellspacing="0" style="border-collapse:collapse">
<tr>
<td>m.wingchunsc.com</td>
<td>m.wingchunsc.com</td>
</tr>
<tr>
<td>m.wingchunsc.com</td>
<td>m.wingchunsc.com</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實現)
<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">m.wingchunsc.com</td>
<td bgcolor="white">m.wingchunsc.com</td>
</tr>
<tr>
<td bgcolor="white">m.wingchunsc.com</td>
<td bgcolor="white">m.wingchunsc.com</td>
</tr>
</table>
|