日期:2014-05-17  浏览次数:20628 次

求教啊,这个的CSS该怎么写啊
大家好啊,有个东西怎么改都出问题啊。。郁闷
想改成DIV CSS的精简下代码
真心求教啊



是一个文章列表栏目,
每一横行里由 小图标(incon.gif) 文章标题 日期 三部分组成。





HTML code


<DIV STYLE='height: 21px;text-align: left;'>
<SPAN STYLE='width: 240px;padding-left: 8px;'>
<IMG SRC='Skins/incon.gif'> 
<A HREF='News.asp?Id=107 >今天的新闻第一条 </A>
</SPAN>
<SPAN STYLE='color:#999999;'>2012-08-02</A></SPAN>
</DIV>


<DIV CLASS='type-height2'></DIV>




<DIV STYLE='height: 21px;text-align: left;'>
<SPAN STYLE='width: 240px;padding-left: 8px;'>
<IMG SRC='Skins/incon.gif'>
<A HREF='News.asp?Id=106> 今天的新闻第二条 </A>
</SPAN>
<SPAN STYLE='color:#999999;'>2009-08-02</A></SPAN>
</DIV>


<DIV CLASS='type-height2'></DIV>


.。。






请问下怎么改比较好啊
谢谢了 谢谢!

------解决方案--------------------

HTML code


<style>
._div{height: 21px;text-align: left;}
._span{width: 240px;padding-left: 8px;}
._span_date{color:#999999;}
</style>

<DIV class="_div">
<SPAN  class="_span">
<IMG SRC='Skins/incon.gif'> 
<A HREF='News.asp?Id=107 >今天的新闻第一条 </A>
</SPAN>
<SPAN class="._span_date">2012-08-02</A></SPAN>
</DIV>


<DIV CLASS='type-height2'></DIV>




<DIV class="_div">
<SPAN class="_span">
<IMG SRC='Skins/incon.gif'>
<A HREF='News.asp?Id=106> 今天的新闻第二条 </A>
</SPAN>
<SPAN class="._span_date">2009-08-02</A></SPAN>
</DIV>


<DIV CLASS='type-height2'></DIV>


.。。