css 文字上右下环绕广告的写法- CSS样式表

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css 文字上右下环绕广告的写法

CSS样式表: CSS中的text-shadow属性; 利用CSS3特性和浏览器中的工具进行网页设计; 使用CSS3将你的网站设计推向未来; 网页设计师福音：CSS网格布局生成器; CSS教程：汇总让IE6崩溃的几种方法; CSS教程：快速提升设计可读性和维护性; HTML5和CSS3给网站设计带来出色效果; CSS选择器大全; TypeSelect实现网页嵌入字体; CSS样式表尽量放到网页头部; CSS3的优势以及网页设计师如何使用CSS3技术; CSS样式表中引用图片地址在各浏览器中的差异; 5种给CSS样式表瘦身减肥的方法; 英文教程:50个网页制作中应用的CSS技巧; 用CSS3将你的设计带入下个高度; CSS教程:新的图像替换方法; 创造100%功能自适应css布局的行之有效的方法; 轻松搞定IE的CSS制作网页技巧3则; 网页设计应该熟知的CSS 3.0技术; 制作网页常用的50种CSS工具

No. « ‹ 94 95 96 97 › »

技术文章搜索

关键字

CSS样式表中的 css 文字上右下环绕广告的写法

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 77 ::

收藏到网摘: n/a

css 画的百度LOGO CSS 实现未知内容高度的垂直水平居中(改良版)

很久一段时间，我都在寻求一种文字从上-右-下方向环绕广告位的一个办法，而在找到之前，基本都是利用发布编辑器的所见即所得模式来实现广告的环绕。或者是利用程序截取一段文字在头部的办法。
今天终于找到一种写法，就是用一个宽度为1的空标签的高度来占位，然后图片清除浮动，来制造出这个顶部文字环绕的效果。啥都不说了，看代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>利用css的clear属性搞定广告文字环绕</title>
<meta name="keywords" content="css,clear,文字环绕" />
<meta name="description" content="利用css的clear属性搞定广告文字环绕，" />
<body>
<div style="float:left;" mce_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>
</body>
</html>

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

css 画的百度LOGO CSS 实现未知内容高度的垂直水平居中(改良版)

CSS样式表 中的 css 文字上右下环绕广告的写法

评论 (0) All

CSS样式表中的 css 文字上右下环绕广告的写法