CSS文字环绕图片 图文混排效果
2015-04-16 16:56
555 查看
CSS实现文字环绕图片效果,也就是大家常见到的文中图效果,比如文字会自动围绕一个方块状的图片广告,这一切都是自动的,不需要另外排版,对此有需要有网页,可借鉴本代码,主要是利用CSS的clear属性实现。
<html> <head> <title>CSS文字环绕图片 图文混排效果丨石家庄电缆附件</title> </head> <body> <div style="float:left;"> <div style="float:left;height:100px;width:1px;"> </div> <div style="float:left;height:230px;width:260px; clear:left;background:#F00;margin:5px 5px 5px 0;"><img src="/images/m03.jpg" height=230px width=260px;> </div> <p>文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区文章正文区请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,请绽放窗口查看效果,</p> </div> </body> </html> <br><br><hr>
相关文章推荐
- 如何用CSS实现文字环绕图片的效果
- 利用css的clear属性实现文字环绕图片效果
- 使用CSS制作文字环绕图片效果(文字内容包含<li>标签)
- CSS实现文字环绕图片效果
- 移动开发----支持Android图文混排、文字环绕图片等效果:MixtureTextView
- CSS实现文字环绕图片效果
- css文字环绕图片效果
- CSS文字环绕图片,文中图效果
- css文字环绕图片效果
- MixtureTextView 支持Android图文混排、文字环绕图片等效果
- 图文混排,文字环绕图片效果
- css基础 float img 实现文字环绕图片的效果
- MixtureTextView 支持Android图文混排、文字环绕图片等效果
- css文字环绕图片效果
- 用CSS实现文字环绕图片的效果
- CSS高级技巧:文字环绕图片
- css阴影效果+文字溢出时省略号表示+图片切割
- css实现图片上漂浮着文字效果
- CSS解决文字环绕图片问题
- css图片上漂浮着文字效果