成都百度快照优化|成都百度关键词排名优化|成都SEO【思为网络】 --【思为网络】成都专业网站优化公司,公司拥有专业搜索引擎优化团队,提供网站整站优化(网站结构优化、网站内容优化、网站外部优化)、百度排名首页优化、GOOGLE优化排名
成都百度关键词排名优化--成都百度快照首页排名优化
你的位置:首页 » 网页设计制作 » 正文

纯CSS图文混排实例,网页设计中经常用到

2010-5-11 0:0:0 | 作者:sw996 | 0个评论 | 人浏览

网页设计中经常用到的CSS图文混排实例,图片描述及分享左侧距图片10px

CSS:

.feed{margin:10px;width:500px;}
.feed-img{float:left;position:relative;#zoom:1;margin-right:10px;_margin-right:7px;}
.feed-img img{vertical-align:top;}
.feed-img .act{position:absolute;bottom:0;left:100%;margin-left:10px;white-space:nowrap;}

HTML:

<div class="feed">
<div class="feed-img">
<img alt="www.goodtext.org" height="430" src="http://www.goodtext.org/gggh/jhf58.jpg" width="300">
<p class="act"><a href="##">分享</a></p>
</div>
<div class="feed-text">
<p>~www.goodtext.org~</p>
</div>
</div>

这个CSS图文混排很实用,可以收藏下备用。

已有0位网友发表了一针见血的评论,你还等什么?

必填

选填

选填

记住我,下次回复时不用重新输入个人信息

必填,不填不让过哦,嘻嘻。

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

相关推荐