zoukankan      html  css  js  c++  java
  • div,css用ulli制作表格

    1.第一种样式

    #news {
        500px;
      <!--  border:2px solid #eee; -->
    }
    #news li{
        list-style-type:none;
         float:left;
        100px;
        text-align:center;
        background:#ccc;
        margin-right:2px;
        margin-bottom:2px;
        line-height:30px;
        font-size:14px;
    }
    #news li.bt{font-size:16px; font-weight:bold; background:#999;}

    <div id="news">
            <ul>                
                <li class="bt">0</li>
                <li class="bt">0</li>
                <li class="bt">0</li>
                <li class="bt">0</li>
                
                <li>1</li>
                <li>1</li>
                <li>1</li>
                <li>1</li>
                
                <li>2</li>
                <li>2</li>
                <li>2</li>
                <li>2</li>
                
                <li>3</li>
                <li>3</li>
                <li>3</li>
                <li>3</li>
                
                <li>4</li>
                <li>4</li>
                <li>4</li>
                <li>4</li>
            </ul>
        </div>

    2.第二种样式

    .table{border-top:1px solid #ccc; border-left:1px solid #ccc; 400px;margin:0px; padding:0px;}
    .table li div { border-right:1px solid #ccc; border-bottom:1px solid #ccc; float:left; 99px; height:30px; padding-top:10px;text-align:center;}
    ul{ list-style: none; float:left; list-style-type: margin:0px; padding:0px;*margin:0px; padding:0px;}

    <ul class="table" >
    <li style="float:left"><div>11111</div><div>222222</div><div>33333333</div><div>4444</div></li>
    <li style="float:left"><div>dfdf</div><div>dfdf</div><div>dfdf</div><div>dfdf</div></li>
    <li style="float:left"><div>dfdf</div><div>dfdf</div><div>dfdf</div><div>dfdf</div></li>
    <li style="float:left"><div>dfdf</div><div>dfdf</div><div>dfdf</div><div>dfdf</div></li>
    </ul>

  • 相关阅读:
    IOS的系统手机 宽度无法自适应 解决办法
    iframe 设置背景透明
    thinkphp5 常用的2个方法
    thinkphp引入后台模板文件的路径怎么写?
    html的confirm()
    php 如何往数组里添加数据
    thinkphp51 重定向 redirect()
    【Oracle 触发器】(4)触发器应用场景--数据的确认
    【Oracle 触发器】(3)触发器应用场景--复杂的安全性检查
    【Oracle 触发器】(2)触发器的分类(语句级/行级)
  • 原文地址:https://www.cnblogs.com/chencheng365/p/4352827.html
Copyright © 2011-2022 走看看