專業(yè)搜索引擎優(yōu)化團(tuán)隊(duì)：成都網(wǎng)站優(yōu)化,成都百度首頁排名優(yōu)化,成都百度快照優(yōu)化，網(wǎng)站關(guān)鍵詞優(yōu)化，網(wǎng)站整站優(yōu)化,谷歌排名優(yōu)化解決方案。詳詢：028-86080655
你的位置：網(wǎng)站優(yōu)化首頁 ? 網(wǎng)頁設(shè)計(jì)制作 ? 正文
純CSS圖文混排實(shí)例，網(wǎng)頁設(shè)計(jì)中經(jīng)常用到
2010-5-11 0:0:0 | 作者：sw996 | 0個(gè)評論 | 人瀏覽
- 本文來自: 成都百度快照優(yōu)化|成都百度關(guān)鍵詞排名優(yōu)化|成都SEO【思為網(wǎng)絡(luò)】，轉(zhuǎn)載請保留出處！歡迎發(fā)表您的評論
- 相關(guān)標(biāo)簽：
網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的CSS圖文混排實(shí)例，圖片描述及分享左側(cè)距圖片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>
這個(gè)CSS圖文混排很實(shí)用,可以收藏下備用。
相關(guān)推薦
- 網(wǎng)站分類
-
- 最近發(fā)表
-
- Tags列表
-
- 隨機(jī)文章
-