table代码如何改成CSS样式

以下是<table>的代码:
<table height="100" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr>
<td width="290" bgcolor="#E8E8E8">
1,ZBCDEFGHIJKLMNOPQRSTFKSF;SF<BR>
2,ZBCDEFGHIJKLMNOPQRSTFKSF;SF<BR>
3,ZBCDEFGHIJKLMNOPQRSTFKSF;SF<BR>
4,ZBCDEFGHIJKLMNOPQRSTFKSF;SF<BR>
5,ZBCDEFGHIJKLMNOPQRSTFKSF;SF<BR></td>
<td width="340" align="center"><img src="/images/news.gif" width="329" height="85"></td>
</tr>
</table>

<div style="height: 92px; width:630px; border:1px solid #ccc; margin:0px; padding:0px;">
<ul style="list-style:none; margin:0px; padding:0px; float:left; width:288px; height:92px;background:#E8E8E8">
<li style="height:18px; margin-left:5px">1,ZBCDEFGHIJKLMNOPQRSTFKSF;SF</li>
<li style="height:18px; margin-left:5px">2,ZBCDEFGHIJKLMNOPQRSTFKSF;SF</li>
<li style="height:18px; margin-left:5px">3,ZBCDEFGHIJKLMNOPQRSTFKSF;SF</li>
<li style="height:18px; margin-left:5px">4,ZBCDEFGHIJKLMNOPQRSTFKSF;SF</li>
<li style="height:18px; margin-left:5px">5,ZBCDEFGHIJKLMNOPQRSTFKSF;SF</li>
</ul>
<ul style="list-style:none; margin:0px; padding:0px ;float: left; width:340px; height:92px; border-left:1px solid #ccc;background:#FFF">
<li style="margin:0px; text-align:center;"> <img src="/images/news.gif" style="width:329px; height:85px; margin-top:3px" > </li>
</ul>
</div>

呵呵，css文件提出来便是
<style>
.div_1{height: 92px; width:630px; border:1px solid #ccc; margin:0px; padding:0px;}
.ul_left{list-style:none; margin:0px; padding:0px; float:left; width:288px; height:92px;background:#E8E8E8}
.ul_left li{height:18px; margin-left:5px}
.ul_right{list-style:none; margin:0px; padding:0px ;float: left; width:340px; height:92px; border-left:1px solid #ccc;background:#FFF}
.ul_right li{margin:0px; text-align:center;}
.ul_right li img{width:329px; height:85px; margin-top:3px}
</style>
<div class="div_1">
<ul class="ul_left">
<li>1,ZBCDEFGHIJKLMNOPQRSTFKSF;SF</li>
<li>2,ZBCDEFGHIJKLMNOPQRSTFKSF;SF</li>
<li>3,ZBCDEFGHIJKLMNOPQRSTFKSF;SF</li>
<li>4,ZBCDEFGHIJKLMNOPQRSTFKSF;SF</li>
<li>5,ZBCDEFGHIJKLMNOPQRSTFKSF;SF</li>
</ul>
<ul class="ul_right">
<li> <img src="/images/news.gif"> </li>
</ul>
</div>

　　转载注明：沧州网络公司：http://www.qingxianweb.com/

　　本文地址：http://www.qingxianweb.com/hangyexinwen/1468/转载时请注明出处,谢谢!