用DIV做不规则外形的盘绕文字-CSS教程-爱易网页

用DIV做不规则外形的盘绕文字

日期：2013-10-19　浏览次数：21246 次

<!DOCTYPE html PUBLIC "-//W3C//DTD <a class="channel_keylink" href="http://www.aiyiweb.com">XHTML</a> 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.donews.net/images/www_donews_net/dodo/49134/o_003.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>

——您可以运转代码察看特效，您也可以复制或者另存源代码。本代码由天极网页陶吧提供。

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

用DIV做不规则外形的盘绕文字

相关资料更多>

推荐阅读更多>