/* 表格内容*/
#tableCase ul{}
#tableCase ul li{}
/* 单个表格特定样式*/
.tableCaseThree{color:#329A02;}
.tableCaseFive{color:#f00;}
.tableCaseSeven{color:#f00;}
</style>
</head>
<body>
<div id="tableFrame">
<div id="tableFrameTitle">
<ul>
<li>ID</li>
<li>当日排名</li>
<li>排名变化趋势</li>
<li>一周平均排名</li>
<li>排名变化趋势</li>
<li>一月平均排名</li>
<li>排名变化趋势</li>
</ul>
</div>
<div id="tableCase">
<!--此处开始循环 -->
<ul>
<li class="tableCaseone">0001</li>
<li class="tableCaseTwo">1234</li>
<li class="tableCaseThree">↑ 200</li>
<li class="tableCaseFour">1856</li>
<li class="tableCaseFive">↓ 56</li>
<li class="tableCaseSix">1650</li>
<li class="tableCaseSeven">↓ 156</li>
</ul>
<!--到此循环结束 -->
<ul>
<li class="tableCaseone">0002</li>
<li class="tableCaseTwo">1234</li>
<li class="tableCaseThree">↑ 200</li>
<li class="tableCaseFour">1856</li>
<li class="tableCaseFive">↓ 56</li>
<li class="tableCaseSix">1650</li>
<li class="tableCaseSeven">↓ 156</li>
</ul>
<ul>
<li class="tableCaseone">0003</li>
<li class="tableCaseTwo">1234</li>
<li class="tableCaseThree">↑ 200</li>
<li class="tableCaseFour">1856</li>
<li class="tableCaseFive">↓ 56</li>
<li class="tableCaseSix">1650</li>
<li class="tableCaseSeven">↓ 156</li>
</ul>
<ul>
<li class="tableCaseone">0004</li>
<li class="tableCaseTwo">1234</li>
<li class="tableCaseThree">↑ 200</li>
<li class="tableCaseFour">1856</li>
<li class="tableCaseFive">↓ 56</li>
<li class="tableCaseSix">1650</li>
<li class="tableCaseSeven">↓ 156</li>
</ul>
<ul>
<li class="tableCaseone">0005</li>
<li class="tableCaseTwo">1234</li>
<li class="tableCaseThree">↑ 200</li>
<li class="tableCaseFour">1856</li>
<li class="tableCaseFive">↓ 56</li>
<li class="tableCaseSix">1650</li>
<li class="tableCaseSeven">↓ 156</li>
</ul>
</div>
</div>
</body>
</html>