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>

  • 相关阅读:
    年轻人的第一个 Spring Boot 应用,太爽了!
    面试问我 Java 逃逸分析,瞬间被秒杀了。。
    Spring Boot 配置文件 bootstrap vs application 到底有什么区别?
    坑爹的 Java 可变参数,把我整得够惨。。
    6月来了,Java还是第一!
    Eclipse 最常用的 10 组快捷键,个个牛逼!
    Spring Cloud Eureka 自我保护机制实战分析
    今天是 Java 诞生日,Java 24 岁了!
    厉害了,Dubbo 正式毕业!
    Spring Boot 2.1.5 正式发布,1.5.x 即将结束使命!
  • 原文地址:https://www.cnblogs.com/chencheng365/p/4352827.html
Copyright © 2011-2022 走看看