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

来源：互联网发布：淘宝收货人姓名编辑：程序博客网时间：2024/05/22 09:05

TEXTAREA class=fm id=code style="WIDTH: 527px; HEIGHT: 174px" rows=12 cols=83><!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(/uploads/img/computer/20060830/20068311413248477801.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 全部选择提示：你可先修改部分代码，再按运行]

　　下载特效中用到的图片：