網頁制作poluoluo文章簡介:div+css布局實例:常用圖文混排--搜狐圖文.
搜狐新聞中心,左邊欄圖文列表:
圖文html結構:
程序代碼
<div class="picTextGroup">
<p>
<a href="" alt""><img src="圖片"/></a>
<span class="title"><a href="" alt"">大標題</a></span></br>
文字介紹內容....
<span class=moreT>[<a href="" target=_blank>詳細</a>]</span>
</p>
</div>
看具體演示效果:
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]