代码如下
复制代码
<!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:///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 /> </div>
