热门:网页模板.net视频教程JQueryMVCjsonExtJs源码示例三级联动JQuery菜单
您现在的位置:.Net中文社区>> 网页标准>>正文内容

5种细线表格的制作方法

发布时间:2009年04月29日点击数: 未知

方法1:利用亮边框和暗边框[推荐]

<table width="100%" height="100" border="1" bordercolorlight="red" bordercolordark="white" cellpadding="0" cellspacing="0"> <tr>  
<td>www.aspxcs.net</td>  
<td>www.aspxcs.net</td>  
</tr>  
<tr>  
<td>www.aspxcs.net</td>  
<td>www.aspxcs.net</td>  
</tr>  
</table>

方法2:利用collapse[推荐]

<table width="100%" height="100" border="1" bordercolor="blue" cellspacing="0" style="border-collapse:collapse">  
<tr>  
<td>www.aspxcs.net</td>  
<td>www.aspxcs.net</td>  
</tr>  
<tr>  
<td>www.aspxcs.net</td>  
<td>www.aspxcs.net</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.aspxcs.net</td>  
<td bgcolor="white">www.aspxcs.net</td>  
</tr>  
<tr>  
<td bgcolor="white">www.aspxcs.net</td>  
<td bgcolor="white">www.aspxcs.net</td>  
</tr>  
</table>



 

本站热点业务

更多模板/案例展示

关于我们 | 联系我们 | 团队日志 | 网站地图 | 网站合作