CSS 网页布局中的图文列表实现代码

当前位置 : 首页 > 网页制作 > CSS > CSS 网页布局中的图文列表实现代码

CSS 网页布局中的图文列表实现代码

来源: 作者: 时间:2015-11-26 19:21
div+css布局实例:常用图文混排--搜狐图文.
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>

看具体演示效果:



提示:您可以先修改部分代码再运行

Tag:
网友评论

<