手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >左上角图片文字环绕在图片右侧
左上角图片文字环绕在图片右侧
摘要:我们在做布局的过程中常常遇到文字围绕图片的效果。如何用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; height:200px; border:1px solid red } img { float:left; width:100px; height:100px } </style> <div> <img src="http://www.jb51.net/images/logo.gif" /> 我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边, 像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文 字环绕在图片的右边,像下面的效果图一样。</div>

提示:您可以先修改部分代码再运行

【左上角图片文字环绕在图片右侧】相关文章:

详解PNG图片

文字环绕图片的布局效果

屏蔽双击选中文字的方法兼容FF及以外的浏览器

控制DIV中文字绝对居中的简单方法

css+div 图片排列布局

另一个CSS图片替换的技巧

如何让文字滚动后自动停止效果示例

CSS自动控制图片大小的代码

css实现文字层浮在图片之上示例代码

CSS控制图片、表格、背景颜色渐变示例

精品推荐
分类导航