[原创] 共享两个有用的网页布局表格

 

 

做网页设计的心得如下, 在布局方面可能会有好处

 

边框布局

<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>&nbsp;
               
            </td>
        </tr>
    </table>

 

OK

posted @ 2008-10-23 14:24  信息化建设  阅读(575)  评论(0编辑  收藏  举报