设置下列代码的CSS,产生下图文字环绕图片的效果。 <div id="main-left-right-1"> <div id="main-pic-4"><img src="images/4-11.GIF" width="50" height="50" /></div> <span class="text-2">信息技术系统外包</span><br /> 软件开发的外包已经成为卡内基科技对外业务的一个重要组成。我们专业化、定制化的……</div> <div align="left"><img src=/upload/20071208230527665.gif width="91" height="84" /> ·新闻标题列表<br> ·新闻标题列表<br> ·新闻标题列表<br> ·新闻标题列表<br> ·新闻标题列表新闻标题列表<br> ·新闻标题列表新闻标题列表<br> ·新闻标题列表新闻标题列表<br> ·新闻标题列表新闻标题列表<br> ·新闻标题列表新闻标题列表 </div> 01 <div > 02 <div > 03 </div> 04 <div rtcscls-1-s_p_1 rtcscls-1-s_r_2 rtcscls-1-p_5 rtcscls-1-r_0">05 clear:left;background:#F00;margin:25px 5px 5px 0;"> 06 </div> 07 <p>新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 08 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 09 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 10 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 11 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 12 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 13 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 14 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 15 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 16 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 17 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 18 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 19 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 20 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 21 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 22 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 23 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 24 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 25 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 26 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 27 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 28 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 29 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 30 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 31 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 32 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 33 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 34 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容</p> 35 </div> <div class="wrap_area"> <img src="wrap-subject01.jpg" class="no_border" alt="Lunar eclipse photo" /> <div class="shape_wrap"> <div ></div> <div ></div> <div ></div> . . . </div> <p>Numerous blocks of text</p> . . . </div> CSS代码大致如下: div.wrap_area { position: relative; } div.wrap_area img { position: absolute; left: 0px; top: 0px; } div.wrap_area p { position: relative; } div.shape_wrap div { float: left; clear: left; height: 20px; } |