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

下一頁
返回列表
返回首頁 主站蜘蛛池模板: 国产精品美女视视频专区| 最近中文字幕mv免费视频| 四虎AV永久在线精品免费观看| 午夜激情小视频| 天天射综合网站| 中国一级特黄毛片| 日本道精品一区二区三区| 亚洲国产欧美日韩精品一区二区三区 | 亚洲成人自拍网| 精品91一区二区三区| 国产一区二区三区影院| 麻豆精品一区二区综合av| 樱花草视频www| 人妻妺妺窝人体色WWW聚色窝| 美女被免费网在线观看网站| 国产午夜不卡在线观看视频666| jizzjizzjizzjizz日本| 大香焦伊人久久| 一本一本久久a久久精品综合麻豆 一本一本久久a久久精品综合麻豆 | 无翼乌全彩无遮挡之老师 | 蜜挑成熟时k8经典网| 国产成人精品视频一区二区不卡| 2021国产果冻剧传媒不卡| 在线观看国产日本| wwwxxx亚洲| 性一交一乱一乱一视频| 中文字幕在线第二页| 日日夜夜精品免费视频| 久久国产精品久久国产片| 日韩精品福利视频一区二区三区| 亚洲伊人久久大香线蕉在观| 欧美日韩免费看| 亚洲精品无码专区在线| 狠狠色欧美亚洲狠狠色www| 免费观看一级特黄欧美大片| 网曝门精品国产事件在线观看| 国产AV国片精品一区二区| 草草影院www色欧美极品| 国产亚洲精品bt天堂精选| 高清成人爽a毛片免费网站| 天堂俺去俺来也WWW色官网|