CSS+DIV:让文本字符环绕在你的图片周围

  看到上面的效果,你也许以为这是一张带文字的图片而已;呵呵,用你的鼠标去选取文字看看,发现了吧,这完完全全是一张图片和文字的组合,下面我就来介绍它是怎么做的。

  先看看代码:

  

以下是引用片段:

<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 />

第 1 2 3 4 页

CSS+DIV:让文本字符环绕在你的图片周围

相关文章:

你感兴趣的文章:

标签云: