*{
 margin-left:0;
 margin-top:0;
 font-size:12px;
 color:White;    
}
#biaoge
{
/*對ID為biaoge的標簽使用此CSS*/
    width:405px;   /*列寬100，加上五個為1的邊距，四列就是405*/
    margin:45px auto;
    border-width:1px;
    border-color:Black;
    }
    
#biaoge li
{
/*對ID為biaoge的標簽里面的LI使用此CSS*/
    list-style-type:none;
    width:100px;
    height:30px;
    background-color:Gray;
    line-height:30px;
    text-align:center;
    margin-left:1px;
    margin-bottom:1px; 
    float:left;   /*這里很關鍵，有了它，li才會根據(jù)ul的寬度來換行*/
    
    }

#biaoge li.biaotou
{
    background-color:Black;
    
    }

<ul id="biaoge">
                <li class="biaotou">第一列</li>
                <li class="biaotou">第二列</li>
                <li class="biaotou">第三列</li>
                <li class="biaotou">第四列</li>
                <li>數(shù)據(jù)1-1</li>
                <li>數(shù)據(jù)1-2</li>
                <li>數(shù)據(jù)1-3</li>
                <li>數(shù)據(jù)1-4</li>
                <li>數(shù)據(jù)2-1</li>
                <li>數(shù)據(jù)2-2</li>
                <li>數(shù)據(jù)2-3</li>
                <li>數(shù)據(jù)2-4</li>
                <li>數(shù)據(jù)3-1</li>
                <li>數(shù)據(jù)3-2</li>
                <li>數(shù)據(jù)3-3</li>
                <li>數(shù)據(jù)3-4</li>
                <li>數(shù)據(jù)4-1</li>
                <li>數(shù)據(jù)4-2</li>
                <li>數(shù)據(jù)4-3</li>
                <li>數(shù)據(jù)4-4</li>
            </ul>

#content table{border:1px solid #cccccc; border-collapse:collapse; text-align:center; margin-top:0.54em; clear:both;width: 100%;}
#content table th,#content table td{padding:8px; border:1px solid #C1DAD7;line-height:22px; text-align:left}
#content table th{background:#CAE8EA;}
#content table thead, #content table.jbborder tr {background-color:#fff;}
#content table tr:nth-child(even){background-color:#f5fafa}
#content table tbody tr:hover {background: rgba(255,255,153,.4)}
#content table th img{display:block; margin:5px auto 0;}
#content table td{text-align:left}
#content table td.version{font-weight:bold;}
#content table pre{width:auto;margin:0;padding:0;border:0;background:transparent}
#content table td p{margin:0; padding:0;line-height:22px;}
#content table ul{margin-top:2px;}

<table>
	<tbody>
		<tr>
			<td>設定值</td>
			<td>描述</td>
		</tr>
		<tr>
			<td>0</td>
			<td>在隱藏的窗口中打開程序。</td>
		</tr>
		<tr>
			<td>1</td>
			<td>以正常尺寸打開窗口。如果該窗口已經(jīng)最大化或最小化，則系統(tǒng)會自動將窗口回滾到正常狀態(tài)。</td>
		</tr>
		<tr>
			<td>2</td>
			<td>用最小化窗口打開程序。</td>
		</tr>
		<tr>
			<td>3</td>
			<td>用最大化窗口打開程序。</td>
		</tr>
		<tr>
			<td>4</td>
			<td>以最近使用的窗口尺寸和位置打開程序窗口。激活的窗口仍然激活。</td>
		</tr>
		<tr>
			<td>5</td>
			<td>以當前使用的窗口尺寸和位置打開程序窗口。</td>
		</tr>
		<tr>
			<td>7</td>
			<td>以最小化打開程序窗口。當前激活的窗口仍然激活。</td>
		</tr>
		<tr>
			<td>10</td>
			<td>以打開程序默認的窗口尺寸打開程序窗口。</td>
		</tr>
	</tbody>
</table>