zoukankan      html  css  js  c++  java
  • 用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器

    <html>
    <head>
    <style>
    <!--
    #table {
    701px!important;
    700px;
    border-top:1px #000 solid;
    }
    #table ul {
    margin:0px;
    padding:0px;
    701px!important;
    width /**/:700px;
    list-style-type:none;
    border-bottom:0px #000 solid;
    border-left:0px #000 solid;
    }
    #table li {
    float:left;
    display:block;
    margin:0px;
    padding:0px;
    139px!important;
    139px;
    width /**/:140px;
    border-right:1px #000 solid;
    border-bottom:1px #000 solid;

    }
    -->
    </style>
    </head>
    <body>
    <center>
    用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器

    <div id="table" style="margin-left:auto; margin-right:auto; text-align:center">
    <ul style="background-color:Silver; color:red">
    <li style="border-left:1px #000 solid;">项目编号</li>
    <li style="letter-spacing:3pt">网址</li>
    <li>名称</li>
    <li>从事业务</li>
    <li>联系电话</li>

    </ul>
    <ul>
    <li style="border-left:1px #000 solid;">1</li>
    <li>www.my400800.cn</li>
    <li><a href="http://www.my400800.cn">  400电话申请  </a></li>
    <li>400电话申请</li>
    <li>4006-1234-10</li>
    </ul>
    <ul>
    <li style="border-left:1px #000 solid;">2</li>
    <li >www.baidu.com </li>

    <li><a href="http://www.baidu.com">百度 </a></li>
    <li>中文搜索</li>
    <li>无</li>
    </ul>
    <ul>
    <li style="border-left:1px #000 solid;">3</li>
    <li>www.sohu.net</li>
    <li><a href="http://www.sohu.net">搜狐 </a></li>
    <li>新闻娱乐体育</li>
    <li>无</li>

    </ul>

    </div>
    </center>

    </body>
    </html>

  • 相关阅读:
    建议自学
    大牛之术
    学习榜样
    .net源码
    练习题
    学习-如何克服拖延
    如何解决困难问题
    最近阅读
    如何学习一门新语言
    安全问题关注博客
  • 原文地址:https://www.cnblogs.com/jishu/p/1940110.html
Copyright © 2011-2022 走看看