免费模板网
当前位置: 首页>CSS代码> 利用css的clear属性实现文字环绕图片效果

CSS代码

利用css的clear属性实现文字环绕图片效果

分类:CSS代码 时间:2009/12/16 11:24:33 浏览:40794 次

演示效果截图

利用css的clear属性实现文字环绕图片效果

HTML代码

<div style="float:left;">
  <div style="float:left;height:100px;width:1px;">
  </div>
  <div style="float:left;height:250px;width:250px;
  clear:left;background:#F00;margin:25px 5px 5px 0;">
  </div>
  <p>新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容</p>
</div>

上一篇:兼容各大浏览器的DIV固定定位方法

下一篇:CSS美化文件域(文件选择框 input type=file)

站长常用工具

最新代码

热门代码

赞助商链接