zoukankan      html  css  js  c++  java
  • [原创] 共享两个有用的网页布局表格

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

    边框布局

    <fieldset style="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

  • 相关阅读:
    Unity HOME
    Unity Document
    css3动画的性能优化_针对移动端卡顿问题
    前端工程师分享几个CSS技巧
    什么是前端? web1.0、web2.0时代的网页制作,前端开发都有哪些内容等
    前端工程之CDN部署_前端为什么非要动静分离?说一下CDN托管的意义
    JSON API免费接口_ 免费的天气预报、地图、IP、手机信息查询、翻译、新闻等api接口
    利用伪元素:before和:after插入图标
    CSS中的三大特性_继承性、层叠性、优先级
    WEB专用服务器的安全设置的实战技巧----IIS设置
  • 原文地址:https://www.cnblogs.com/JamesLi2015/p/1317904.html
Copyright © 2011-2022 走看看