利用css控制网页的左右排列

 在网站的内容页中，我在左上角放置了300*250的广告，利用的是css的浮动<div style=”float:left;margin-right:15px;”>，由于css的特性，这样设置后，当文章的高度超过了250像素时，文章自动移动到广告的下面去了，而不是左右两列分开，如何左右分开呢？那么我们就给这个div加个纵向的高度<div style=”float:left;margin-right:15px;height:300px”>这个高度值设为多少，根据网页的需要自己调整。

其实，这个类似于用css来画一个矩形而已，需要设置边框颜色和宽度的，看下面的示例：

画矩形：<div style=”width:300px;height:150px;border:1px solid #000″></div>

画垂直线（以上例 放中间）：<div style=”width:300px;height:150px;border:1px solid #000″><div style=”width:150px;height:150px;border-right:1px solid #000″></div></div>

 

时间： 2024-08-31 18:02:37

利用css控制网页的左右排列的相关文章

网页设计中如何让CSS控制网页背景？

css|控制|设计|网页|网页背景|网页设计 在符合标准的网页设计中如何用CSS控制网页的背景呢?包括背景的颜色,背景的图片等一些问题,在本教程中一次给你讲清楚. ·背景颜色 background-color 我想这个我就不用多做介绍了,颜色代码我想大家都知道的,不是用英文来代替就是用指定的代码来表示的.这个的默认值是transparent(透明色). 例:body{background-color:yellow}H1{background-color:#000000} ·背景图片 backgr

用CSS控制网页总体风格

css|控制|网页 网页设计中我们通常需要统一网页的整体风格,统一的风格大部分涉及到网页中文字属性.网页背景色以及链接文字属性等等,如果我们应用CSS来控制这些属性,会大大提高网页设计速度,更加统一网页总体效果.     为了达到修改整个网页的目的,我们需要编辑一个外挂式的CSS文档.根据这个文档定义和修改不同CSS属性并在页面元素相同或者相似的网页里调用它.     整体改变页面风格     现在网页中流行宋体的9pt和10.5pt的字体,按快捷键"Shift+F11"打开"

利用CSS控制打印

css|打印|控制 利用CSS控制打印 放在这里,算是一个备份 <style>@media print{INPUT {display:none}}</style><TABLE border="0" style="font-size:9pt;" width="300px" align="center"><THEAD style="display:table-header-gro

如何用CSS控制网页背景

在符合标准的网页设计中如何用CSS控制网页的背景呢?包括背景的颜色,背景的图片等一些问题,在本教程中一次给你讲清楚. ·背景颜色 background-color 我想这个我就不用多做介绍了,颜色代码我想大家都知道的,不是用英文来代替就是用指定的代码来表示的.这个的默认值是transparent(透明色). 例:body{background-color:yellow} H1{background-color:#000000} ·背景图片 background-image 背景图片和背景颜色在H

巧妙利用CSS自定义网页下划线样式

css|网页 CSS为网页设计者们提供了丰富而灵活的页面元素表现形式的控制手段.但是,或许你可能注意到了,对于下划线,CSS提供的可选操作却不是很多.一般情况下,人们看到的下划线基本上都是横直线,缺少生气和灵动.不过,路并不是死的,通过一些绝妙的改造,我们还是可以做出富有创意的下划线来使页面更为美观. 这是一个自定义下划线的例子:自定义的下划线 .是不是很酷呢?除了能让你的网页呈现出一个与众不同的风格之外,它还能对于文档中不同的文字类型给与不同的视觉外观,起到提醒或者着重的作用. 下面我

CSS控制网页中文本的技巧

css|技巧|控制|网页|中文 控制文字的样式 控制文字的样式包括文字大小写.文字修饰两个部分. 1.文字大小写 文字大小写使网页的设计者不用在输入文字时就完成文字的大小写,而可以在输入完毕后,再根据需要对局部的文字设置大小写. 基本格式如下: text-transform: 参数 参数取值范围: ·uppercase:所有文字大写显示 ·lowercase:所有文字小写显示 ·capitalize:每个单词的头字母大写显示 ·none:不继承母体的文字变形参数 注意:继承是指HTML的标识符对

利用CSS控制表格的交替颜色

css|控制 <style type="text/css"><!--tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}--></style></HEAD><table><tr><td>第1行</td><td>第1行</td><

趣味知识：利用CSS进行网页制作中易被忽视的问题

css|网页|问题 关于这篇文章其实早就想写了,只是由于自己太懒才一直拖到现在.主要想谈谈在网页制作中几个比较容易被忽视的问题,算不上什么高深的教程,只是自己平时工作学习中所遇到的问题积累,写下来一是可以给初学者提个醒,二来也是帮自己做个笔录,毕竟年纪大了,记性不好了... 1.让你想当然,给你点颜色看看 这个问题其实被很多人忽略,小到个人站点,大到门户网站都有可能犯这个错误.不信想想看,如果你所做的网站背景是白色的,那么你还会记得在 CSS 里写下 Background-color:#ffff

如何应用CSS控制网页背景？

背景颜色 background-color 我想这个我就不用多做介绍了,颜色代码我想大家都知道的,不是用英文来代替就是用指定的代码来表示的.这个的默认值是transparent(透明色). 例:body{background-color:yellow} H1{background-color:#000000} 背景图片 background-image 背景图片和背景颜色在HTML里面的设置也是基本相同的,都可以在里加入相关的语句来完成.但是在这里,我所指的并非是用这种方法,我用的方法还是CSS