网站建设资讯

NEWS

网站建设资讯

css样式水平线规则,css 水平线

CSS定义HR水平线的几种样式

对于CSS定义水平线标签,常用的有以下几种样式,仅供参考。对于 程序代码height:1px;border:none;的主要用途就是Css Reset,关于Css Reset可以搜索下博客里其他文章介绍。

创新互联建站是一家专注于成都做网站、网站设计与策划设计,师宗网站建设哪家好?创新互联建站做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:师宗等地区。师宗做网站价格咨询:028-86922220

用csS定位两条水平线

Html代码:

body

div id="left"

左水平线

/div

div id="right"

右水平线

/div

/body

css代码:

style type="text/css"

#left{

border-bottom:solid #999999 2px;

margin-left:20%;}

#right{

border-bottom:solid #999999 2px;

margin-right:30%;}

/style

说明:其实水平线制作方法我也不是很清楚,我这个是用div做的,能到达你说的效果,但是我觉得应该还有更简单的办法!!知道了给我说哟,大家相互学习!

CSS定义HR水平线的几种样式_文本链接特效

CSS定义HR水平线的几种样式,不要小看了HR水平线哦,用好了会给你的网页增色不少,这一段代码分别定义了几种漂亮的HR样式及颜色,供你参考,如果喜欢,直接拷贝代码就用吧。

CSS文件中如何定义水平线的宽度

html

head

style

hr{width:1;height:100;color:#ff9966}

.h1{width:1;height:200;color:#ff0000}

/style

/head

body

hr

hr class="h1"

/body

/html

width可以设置,height在IE中最高显示100px

div+css中如何让两个元素位于同一水平线

例如将两个按钮对齐,方法和详细的操作步骤如下:

1、第一步,打开html编辑器并创建一个新的html文件,见下图,转到下面的步骤。

2、第二步,执行完上面的操作之后,输入CSS代码“button {display: inline-block}”,见下图,转到下面的步骤。 

3、第三步,执行完上面的操作之后,浏览器运行“index.html”页面,两个元素位于同一水平线上了,见下图。这样,就解决了这个问题了。

CSS如何定义一条水平虚线?

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的style标签中,输入css代码:div {height:60px;border-bottom:1px dashed}。

3、浏览器运行index.html页面,此时通过css定义了一个水平的虚线。


本文标题:css样式水平线规则,css 水平线
标题来源:http://cdweb.net/article/dsidpec.html