CSS+DIV:讓文本字符環繞在你的圖片周圍
2006/7/25 9:15:03
看到上面的效果,你也許以為這是一張帶文字的圖片而已;呵呵,用你的鼠標去選取文字看看,發現了吧,這完完全全是一張圖片和文字的組合,下面我就來介紹它是怎么做的。
  先看看代碼:
   以下是引用片段:
<div id="info">
<h2>TRACKING YOUR IMAGES</h2>
<div id="holdit">
<img src="/imagelist/06/24/4fnpgj5042e6.jpg" alt="Winnie the pooh" title="Winnie the pooh" />
<em class="a420"></em>
<em class="a430"></em>
<em class="a400"></em>
<em class="a370"></em>
<em class="a340"></em>
<em class="a300"></em>
<em class="a270"></em>
<em class="a250"></em>
<em class="a240"></em>
<em class="a230"></em>
<em class="a230"></em>
<em class="a340"></em>
<em class="a340"></em>
<em class="a360"></em>
<em class="a540"></em>
<em class="a540"></em>
<em class="a540"></em>
<em class="a550"></em>
<em class="a550"></em>
<em class="a550"></em>
<em class="a550"></em>
<em class="a550"></em>
<em class="a550"></em>
<em class="a540"></em>
<em class="a460"></em>
<em class="a490"></em>
<em class="a500"></em>
<em class="a500"></em>
<p>"I shall have to wait until I catch up with it," said Winnie-the-Pooh. "Now, look there." He pointed to the ground in front of him. "What do you see there?"<br />
"Tracks," said Piglet. "Paw-marks." He gave a little squeak of excitement. "Oh, Pooh! Do you think it's a--a--a Woozle?"<br />
"It may be," said Pooh. "Sometimes it is, and sometimes it isn't. You never can tell with paw- marks."<br />
With these few words he went on tracking, and Piglet, after watching him for a minute or two, ran after him. Winnie-the-Pooh had come to a sudden stop, and was bending over the tracks in a puzzled sort of way.<br />
"What's the matter?" asked Piglet.<br />
"It's a very funny thing," said Bear, "but there seem to be two animals now. This--whatever-it-was--has been joined by another--whatever-it-is--
and the two of them are now proceeding in company. Would you mind coming with me, Piglet, in case they turn out to be Hostile Animals?"<br />
Piglet scratched his ear in a nice sort of way, and said that he had nothing to do until Friday, and would be delighted to come, in case it really was a Woozle.<br />
"You mean, in case it really is two Woozles," said Winnie-the-Pooh, and Piglet said that anyhow he had nothing to do until Friday. So off they went together.</p>
</div>
</div> 

   以下是引用片段:
#info h3{ text-align:center;
}
#holdit {width:700px; position:relative; margin:3em auto; padding:10px; border:1px solid #ddd;}
#holdit img {position:absolute; z-index:1; top:10px; left:10px; }
#holdit p { margin:0px; position:relative; z-index:10; line-h

下一頁
返回列表
返回首頁 主站蜘蛛池模板: 成人免费观看高清在线毛片| 欧美日韩激情一区二区三区| 国产伦子系列视频6| 777丰满影院| 小呦精品导航网站| 久久久久无码精品国产| 欧美xxxx性猛交bbbb| 亚洲精品视频在线播放| 精品欧美一区二区三区免费观看 | 激情五月婷婷色| 午夜网站在线观看| 青青草原国产视频| 国产男女猛烈无遮挡免费视频| 91色国产在线| 天天做天天爱夜夜爽| 一级一级一级一级毛片| 扒开双腿猛进入女人的视频| 久久婷五月综合| 最近中文字幕精彩视频| 亚洲国产成人资源在线软件| 毛片A级毛片免费播放| 他强行给我开了苞| 精品亚洲一区二区三区在线播放| 国产a级午夜毛片| 西西人体午夜视频| 国产婷婷色一区二区三区深爱网| 亚洲成a人片在线不卡| 国产精品综合一区二区| 97色在线视频观看香蕉| 天堂资源最新在线| а√天堂中文资源| 成人免费公开视频| 中文字幕欧美成人免费| 日本三级不卡视频| 久久在精品线影院精品国产 | 国产xxxx做受视频| 青柠视频高清观看在线播放| 国产成人精品久久综合| 欧美日韩第一区| 国产特级毛片aaaaaaa高清| 老司机精品视频在线|