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

最新推荐文章于 2024-03-09 12:04:17 发布

zgqtxwd

最新推荐文章于 2024-03-09 12:04:17 发布

阅读量869

点赞数

分类专栏： css 文章标签： div css class border xhtml float

css 专栏收录该内容

486 篇文章 0 订阅

订阅专栏

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

　　下载特效中用到的图片：