首页 > > 网页制作 > css >

CSS用DIV做不规则形状的环绕文字

2008-02-23 08:33:22来源：互联网阅读 ()

<!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 全部选择提示：你可先修改部分代码，再按运行]

　　下载特效中用到的图片：

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有