DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS實例教程:網頁布局中的圖文列表
CSS實例教程:網頁布局中的圖文列表
編輯: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