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

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

CSS样式表: 介绍IE8的CSS hack; CSS教程:解析CSS列表样式属性list-style; CSS教程:CSS页面布局的技巧; 对付CSS兼容问题的十个超级技巧; CSS3教程:box-sizing属性; CSS教程:29个特殊的CSS导航技术; CSS教程:CSS控制浏览器滚动条的源代码; DIV+CSS制作网页之如何设置z-index; 制作网页表单的标签和输入区; 网页文件上传表单的制作; 网页表单标签水平右对齐更适合中文网站; CSS在各个网页版邮箱中的支持情况; 彻底弄清楚haslayout概念; CSS教程:滑动门与选项卡; 总结关于网页表单反馈的一些问题; CSS Sprite操作:用CSS处理圆角; 网站栅格化设计; 减少网站加载时间:CSS Sprites; 通过CSS实例实现清除浮动; CSS教程:实例讲解定位Position

No. « ‹ 56 57 58 59 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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 文字上右下环绕广告的写法