Question

HTML css 样式 下面的样式如何写？

Answer 1

<ul>
<li><img src=""/><a href="#">文字文字文字<span>焦点图</span><span>2014-6-19</span></a></li>
<li><img src=""/><a href="#">文字文字文字<span>焦点图</span><span>2014-6-19</span></a></li>
<li><img src=""/><a href="#">文字文字文字<span>焦点图</span><span>2014-6-19</span></a></li>
</ul>

ul,li{margin:0;padding:0;}
ul{width:200px;}
li{display:block;float:left;height:80px;border-bottom:1px solid #999;padding:10px 0;}
img{border:0;float:left;width:80px;height:80px;margin-right:5px;}
a{display:inline-block;}
span{display:block;color:#ccc;}