div,css用ulli制作表格

#news {
    width:500px;
    border:2px solid #eee;
}
#news li{
    list-style-type:none;
     float:left;
    width: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>

原文地址:https://www.cnblogs.com/atyou/p/2820157.html