CSS用DIV做不规则形状的环绕文字-(0)

时间:2012-12-29 08:41来源:未知作者:admin 点击: 次

分享到：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"HTMLheadtitle不规则图片环绕文字/titlestylehtml, body { margin: 0px; padding: 40px 0 0 100px; background:#000;col

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML> <head> <title>不规则图片环绕文字</title> <style> html, body { margin: 0px; padding: 40px 0 0 100px; background:#000;color:#fff;font-size:14px; } div{margin: 0px; padding: 0px; border: 0px; color:#fff;font-size:14px;} #content { background: url(http://www.webjx.com/upfiles/20060516/20060516144314_01.jpg) no-repeat; margin: 0px; padding: 0px; border: 0px; line-height:155% } .blank { float: left; clear: left; margin: 0px 25px 0px 0px; font-size:9px;font-family:arial; height:21px } </style> </head> <body> <div id="content"> <div class="blank" style="width:175px;">1 </div> <div class="blank" style="width:180px;">2 </div> <div class="blank" style="width:170px;">3 </div> <div class="blank" style="width:166px;">4 </div> <div class="blank" style="width:160px;">5 </div> <div class="blank" style="width:155px;">6 </div> <div class="blank" style="width:138px;">7 </div> <div class="blank" style="width:136px;">8 </div> <div class="blank" style="width:120px;">9 </div> <div class="blank" style="width:126px;">10 </div> <div class="blank" style="width:132px;">11 </div> <div class="blank" style="width:138px;">12 </div> <div class="blank" style="width:138px;">13 </div> <div class="blank" style="width:138px;">14 </div> 月色正朦胧<br /> 与清风把酒相送<br /> 太多的诗颂<br /> 醉生梦死也空<br /> 和你醉后缠绵<br /> 你曾记得<br /> 乱了分寸的心动<br /> 怎么只有这首歌<br /> 会让你轻声合<br /> 醉清风<br /> 梦镜的虚有<br /> 琴声一曲相送<br /> 还有没有情浓<br /> 风花雪月颜容<br /> </div> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

　　下载特效中用到的图片：

上一篇：CSS代码实现避免table表格被撑开变形-(0)
下一篇：用CSS的float和clear创建三栏液态布局的方法-(0)

分享到： QQ空间新浪微博人人网开心网更多

精彩图集

BS项目中的

css实现气泡

精彩文章

热点文章

CSS用DIV做不规则形状的环绕文字-(0)

热门标签

赞助商链接