左上角图片文字环绕在图片右侧网页特效

左上角图片文字环绕在图片右侧网页特效: 大中小文章来源：万象互联更新时间：2011-8-18

分享到：

<p>我们在做布局的过程中常常遇到文字围绕图片的效果。如何用CSS实现文字环绕图片的效果呢，通过这个例子就能看出。其实很简单，就是图片浮动位置的调整</p> <p align="center"><textarea class="fm" id="code" style="WIDTH: 490px; HEIGHT: 466px" rows="27" cols="78"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <style> div { width:300px; height:200px; border:1px solid red } img { float:left; width:100px; height:100px } </style> <div> <img src="http://www.webjx.com/images/logo.gif" /> 我要实现左上角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。我要实现左上角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。我要实现左上角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。我要实现左上角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。</div>

[ 提示：你可先修改部分代码，再按Ctrl+A 全部选择 ]

分享到：复制地址新浪微博腾讯微博 QQ空间开心网人人网百度空间百度贴吧网易微博搜狐微博