网页制作中 如何改变水平线颜色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页制作中 如何改变水平线颜色相关的知识,希望对你有一定的参考价值。

  设置方法如下:

  1、启动Dreamweaver,打开要修改的网页;

  2、设计视图下点击要修改的水平线,下方属性面板点击右侧快速标签编辑器按钮;

  3、弹出浮动的编辑标签窗口,在原有hr后输入color=“颜色代码”,如下图:

  4、按F12打开浏览器预览效果。

  

参考技术A 仔细看一下水平线的属性设置面板,就会发现一个“快速标签编辑器”,点击此标签并在后面输入“color=颜色”。这里的“颜色”可以是任何颜色,一般格式为:< hr color=#FF0000>。
用这个方法设置后,在Dreamweaver中无法直接看到效果,可以点击“F12”键,在浏览器里浏览水平线的颜色变化。
参考技术B color 设置颜色
size 水平线的宽度
width 水平线的长,用占屏幕宽度的百分比或象素值来表示
align 水平线的对齐方式,有LEFT RIGHT CENTER三种
noshade 线段无阴影属性,为实心线段

例:
<hr width=300 size=1 color=#5151A2 align=center noshade> 其中width 规定线条的长度,还可以是百分比;color 表示颜色,size 表示厚度; align 规定线条位置,有left、right、center;noshade 表示是否有立体效果。
参考技术C Dreamweaver吗?
对着水平线右键,然后“编辑标签”,然后是“浏览器特定的”,后面就会看到了本回答被提问者采纳
参考技术D <html>
    <head>
        <title>index</title>
        <meta charset="utf-8">
        <style>
            #redhr
                border-color: red;
            
        </style>
    </head>
    <body>
        <hr />  没颜色的水平线
        <br /><br /><br />
        <hr id="redhr" /> 有颜色的水平线
    </body>
</html>

用border-color改变水平线颜色,上面是例子

以上是关于网页制作中 如何改变水平线颜色的主要内容,如果未能解决你的问题,请参考以下文章

网站建设中怎么自动设置网页的水平线颜色

如何改变html中hr的部分颜色

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

网页设计中如何设计自动改变字体颜色

如何改变网页选中文本的颜色

如何在HTML中设计<hr>即水平线的颜色??