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

Posted 2023-05-10

在html中设计水平线的方法如下

1    在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。

2，对水平线颜色的设置，怎么办? 　　其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入color=颜色。这里的“颜色”可以是任何颜色，一般格式为：< hr color=#FF0000>。

3，用这个方法设置后，在Dreamweaver中无法直接看到效果，我们可以点击“F12”键，在浏览器里浏览水平线的颜色变化。 

最后，再告诉你个小技巧

诸如“#FF0000”这样的颜色代码对于初级朋友来说不容易分辩，你可以这样做：给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色，然后把颜色代码复制并粘贴到水平线的“快速标签编辑器”即可。

参考技术A

<hr />使用CSS的属性：

   hr        
       background: red;        
       border: none;        
       height: 1px;    
   

因为hr有边框所以要去除边框，并且要设置高度（任意值，不可为全局值，必须是length长度）

参考技术B 你可以设置其样式。当作borber来设置即可。例如：<hr style=" borber:1px blue solid; " />(即宽度为1px颜色为蓝色的实线，borber值都是自定义可变的)！本回答被提问者和网友采纳 参考技术C <hr color="#ff0000" /> 参考技术D 用color的属性设置颜色

如何在HTML中设计水平线的颜色？

参考技术A

在HTML中设计水平线的方法如下
1
 
 在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。
2，对水平线颜色的设置，怎么办?
　　其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入color=颜色。这里的“颜色”可以是任何颜色，一般格式为：<
hr
color=#FF0000>。
3，用这个方法设置后，在Dreamweaver中无法直接看到效果，我们可以点击“F12”键，在浏览器里浏览水平线的颜色变化。 
最后，再告诉你个小技巧
诸如“#FF0000”这样的颜色代码对于初级朋友来说不容易分辩，你可以这样做：给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色，然后把颜色代码复制并粘贴到水平线的“快速标签编辑器”即可。