西安网站建设|西安网站制作|西安做网站_网站知识交流论坛网站技术网站建设制作学习 → 1像素表格的5种经制作方法


  共有14692人关注过本帖树形打印

主题:1像素表格的5种经制作方法

帅哥哟,离线,有人找我吗?
longlong
  1楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:论坛游民 帖子:172 积分:1927 威望:0 精华:0 注册:2009/11/6 15:14:16
1像素表格的5种经制作方法  发帖心情 Post By:2009/12/11 11:05:40

1像素表格的5种制作方法

方法1:利用亮边框和暗边框[推荐]
<table width="100%" height="100" border="1" bordercolorlight="red" bordercolordark="white" cellpadding="0" cellspacing="0"> <tr>
<td>www.029900.com</td>
<td>www.029900.com</td>
</tr>
<tr>
<td>www.029900.com</td>
<td>www.029900.com</td>
</tr>
</table>

 

方法2:利用collapse[推荐]
<table width="100%" height="100" border="1" bordercolor="blue" cellspacing="0" style="border-collapse:collapse">
<tr>
<td>www.029900.com</td>
<td>www.029900.com</td>
</tr>
<tr>
<td>www.029900.com</td>
<td>www.029900.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">www.029900.com</td>
<td bgcolor="white">www.029900.com</td>
</tr>
<tr>
<td bgcolor="white">www.029900.com</td>
<td bgcolor="white">www.029900.com</td>
</tr>
</table> 


支持(0中立(0反对(0单帖管理 | 引用 | 回复 回到顶部

返回版面帖子列表

1像素表格的5种经制作方法








签名