用CSS实现文字环绕图片的效果
用CSS实现文字环绕图片的效果
作者:佚名 文章来源:本站原创 点击数: 更新时间:2007-12-14 21:02:17
关键字信息载入中...
广告载入中...
在做布局的过程中常常遇到文字围绕图片的效果。如何用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="http://www.52wyx.com/images/logo.gif" /> 我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边, 像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文 字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上 角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。 </div> |
文章录入:lwyx 责任编辑:lwyx

