您的位置:首页 > 其它

共享两个有用的网页布局表格 【有用】

2010-02-05 11:09 204 查看
做网页设计的心得如下, 在布局方面可能会有好处

边框布局

<fieldset style="width:400px">
<legend><span style="font size:12px">经典论坛</span></legend>

<p align="left">
<input type="checkbox" name="checkbox" value="checkbox">
<span style="font size:12px">DW专栏</span> <br>
</p>
<p align="left">
<input type="checkbox" name="checkbox2" value="checkbox">
<span style="font size:12px">FW专栏</span></p>
<p align="left">
<input type="checkbox" name="checkbox3" value="checkbox">
<span style="font size:12px">FLASH专栏</span></p>

</fieldset>

正式的布局
<table cellpadding="0" width="100%" bgcolor="#F5F9FF" cellspacing="0" border="0">
<tr>
<td>
<table border="1" rules="rows" bordercolordark="#D3D8E0" bordercolorlight="#4F7FC9"
cellpadding="5" cellspacing="0" width="100%">
<tr>
<td align="left" colspan="4" bgcolor="#E3EFFF" height="22" class="subHeader">
Project Info
</td>
</tr>
<tr>
<td>
<table cellpadding="0" width="100%" cellspacing="0" border="0">
放入正式的东东
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

作为分隔行
<table cellspacing="0" cellpadding="0" width="100%" border="0" style="height: 10"
bgcolor="#FFFFFF">
<tr>
<td> 

</td>
</tr>
</table>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: