如何控制HR标签制作的网页水平线的长度和颜色?

如题所述

通过设置HR的属性来控制标签的水平线的长度跟颜色,width=" " 来控制为宽度,color=" " 来控制水平线的颜色。

<hr width="宽度" color="颜色">  宽度范围为1到100,颜色可以任意设置指定的RGB颜色代码。通过这种方式来设置HR标签的长度跟颜色。

<hr> 标签在 HTML 页面中创建一条水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

<hr />是网页编辑里的一个标签,其表现形式为一条横线。


扩展资料

<hr width="90%" size="1" color="red" />

说明:width=" " 引号里为宽度

size=" " 引号里为高度

color=" " 水平线的颜色

noshade="noshade"定义不投影

color=" "定义线条的颜色

align=" "设置对齐

在 HTML 4.01 中,不赞成使用 hr 元素的 size、width、noshade、 align属性;在 XHTML 1.0 Strict DTD 中,不支持 hr 元素的这些属性,请使用 CSS 代替。

示例可改为:<hr style="width:90%;height:1;color:red" />

参考资料来源:百度百科-HR

温馨提示:内容为网友见解,仅供参考
无其他回答

如何控制HR标签制作的网页水平线的长度和颜色?
1、首先新建html文档,输入html5标准声明,如图所示。2、然后输入html基本网页结构,如图所示。3、接着输入hr标签<hr>是水平线,是单边标记,如图所示。4、hr标签的常用属性,Size:设置水平线的粗细。5、Width:设置水平线的宽度, Color:设置水平线的颜色,noshade:纯色显示,不带阴影效果。6、最后运...

如何控制HR标签制作的网页水平线的长度和颜色?
通过设置HR的属性来控制标签的水平线的长度跟颜色,width=" " 来控制为宽度,color=" " 来控制水平线的颜色。<hr width="宽度" color="颜色"> 宽度范围为1到100,颜色可以任意设置指定的RGB颜色代码。通过这种方式来设置HR标签的长度跟颜色。<hr> 标签在 HTML 页面中创建一条水平线。水平分隔线...

如何改变HTML里面横线的长度《hr\/》
1、<hr>标签的width属性用于指定水平线的宽度(以像素或百分比为单位)。2、采用CSS方法:<hr style="width:50%" \/>

如何在HTML中设计<hr>即水平线的颜色
1 在网页设计过程中,如果随意利用缺省水平线,常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。2,对水平线颜色的设置,怎么办?其实,你只要仔细看一下水平线的属性设置面板,就会发现一个“快速标签编辑器”,点击此标签并在后面输入color=...

网页制作中 如何改变水平线颜色
设置方法如下:1、启动Dreamweaver,打开要修改的网页;2、设计视图下点击要修改的水平线,下方属性面板点击右侧快速标签编辑器按钮;3、弹出浮动的编辑标签窗口,在原有hr后输入color=“颜色代码”,如下图:4、按F12打开浏览器预览效果。

改dreamweaver水平线颜色
1、dw修改水平线颜色,和背景图滚动,这些都是通过css写入样式直接控制的。2、水平线是hr那么我们可以直接在他上面添加css样式:<hr sytle="color:red;" \/> 3、background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。默认值是滚动的,如果不滚动可以设定为fixed。具体:background-...

frontpage中的网页制作线条技巧
其中就有一个水平线的颜色属性问题。我们都知道HR标签具有一个 Color 属性,例如我们要制作一条红色的线条就可以用这样的代码:hr color="颜色代码" 当你在 IE 中浏览这一段代码时你能得到一个你希望的红色线条,可是如果你的浏览器是 Netscape 的话,那么你看到的只是一个灰色的线条,因为 Netscape ...

dreamweaver怎么修改水平线的颜色,还有什么叫背景不随网页的滚动而滚动...
水平线的代码:<hr color="red" size="2"> 其中color属性是颜色,可以直接输入颜色的英文单词,也可以使用16位颜色代码,比如#000000.有些人会使用一个div的边框来作横线,比如:p { border-bottom:5px solid red; } 就是把P标签的下边框定义为5像素高的红色,red表示颜色,同样可以使用16位的...

网页制作中怎么插水平线并把它变为红色
第一种:<hr style=" height:2px;border:none;border-top:2px dotted #185598;" \/>height:2px;是hr的高度 border:none;是没有边框 border-top:2px dotted #185598;是设置横线的样式 dotted 虚线 #185598 颜色 第二种:<hr style="height:1px;border:none;border-top:1px dashed #...

怎么在dw中修改水平线的颜色
Dreamweaver 1、我们已经插入一个水平线了之后,选择水平线。2、鼠标右键找到编辑标签,快捷键是Shift+F5键。3、我们在标签编辑器里点击浏览器特定的。4、随后我们点击颜色。5、我这里选择一个红色好了。6、在dw中可能显示不出来,我们F12在网页中预览。7、在网页中这就是一个红色的水平线了。

相似回答
大家正在搜