DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS實例教程:網頁布局中的圖文列表
CSS實例教程:網頁布局中的圖文列表
編輯:CSS進階教程     

網頁制作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 全部選擇 提示:你可先修改部分代碼,再按運行]

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved