[CSS] 用CSS实现文字环绕图片的效果

cwgcjs

网络发烧友

Rank: 2

发短消息
加为好友
当前离线

1^# 大中小发表于 2007-9-26 16:04 只看该作者

用CSS实现文字环绕图片的效果

具体实例代码，
我们在做布局的过程中常常遇到文字围绕图片的效果。如何用CSS实现文字环绕图片的效果呢，通过这个例子就能看出。其实很简单，就是图片浮动位置的调整。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style>
div {
width:300px;

border:1px solid red
}
img {
float:left;
width:100px;
height:100px
}
</style>
<div>
<img src="/images/logo.gif" />
我要实现左上角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。我要实现左上角是图片，然后就是文字环绕在图片的右边，

像下面的效果图一样。我要实现左上角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。我要实现左上角是图片，然后就是文

字环绕在图片的右边，像下面的效果图一样。我要实现左上角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。我要实现左上

角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。

</div>
关键词：网页制作,CSS

TOP

‹‹ 上一主题 | 下一主题 ››

Processed in 0.040563 second(s), 7 queries.

当前时区 GMT+8, 现在时间是 2009-1-9 06:34 京ICP备06054220号

清除 Cookies - 联系我们 - 163K.com - Archiver - WAP