共享两个有用的网页布局表格 【有用】
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>
边框布局
<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>
相关文章推荐
- [原创] 共享两个有用的网页布局表格
- 简单的网页布局实战(表格与HTML框架)
- CSS网页布局非常有用的八个技巧
- 网页布局一般常用字体和表格线的样式
- 摆脱表格布局的网页
- 防止表格或DIV布局的网页页面被撑大的方法
- 精通CSS.DIV网页样式与布局(五) ——设置表格与表单样式
- 你问我答-关于网页布局上的两个问题
- 为什么网页布局用DIV CSS 不用 Table 表格
- html表格实战<<简单的网页布局>>
- [Android实例] Android 圆角仿网页表格布局实现
- 表格布局网页的方法
- 第十讲 利用表格规划网页的布局
- 布局网页表格要求其列平均分布的简单操作
- 小结:PHP动态网页程序两个有用的小技巧
- table表格网页布局的特点和影响
- Web基础入门(表格)-使用表格嵌套的形式制作一个简单的网页布局
- web前端_表格table布局,同一列两个<td>之间有间隙解决办法。
- 网页制作中常用的基础知识002-CSS布局与表格布局的区别
- CSS网页布局使用表格可以吗?