请问在网页制作中加入一条水平线的HTML代码是什么？

html-css07

请问在网页制作中加入一条水平线的HTML代码是什么？,第1张

网页中制作一条水平线的HTML代码有以下的方法可以实现：

1.使用html中的border属性来设置一条水平线

<div style="width:500px border:1px solid red"></div><!--复制到html文件中就会是一条红色水平直线，线的颜色、长短、可自己调节-->   

2.使用hr标签可以制作一条水平直线

<hr/>

3.使用background-color来制作一条线，和border基本类似

<div style="width:500px height:1pxbackground-color:red"></div><!--复制到html文件中就会是一条红色水平直线，线的颜色、长短、可自己调节-->   

4.可利用背景图来实现和background-color原理一样

<div style="width:500px height:1pxbackground:url(背景图的路径) repeat-x"></div><!--复制到html文件中就会是一条红色水平直线，线的颜色、长短、可自己调节-->   

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

1

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

2，对水平线颜色的设置，怎么办?

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

hr

color=#FF0000>。

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

最后，再告诉你个小技巧

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

在HTML中，设置水平线高度，有两个标签border和height，用法如下：

用border属性来设置一条水平线，如代码：

<div style="width:500px border:1px solid red"></div>

<!--注：border 这里指水平线高度！-->

使用background-color来制作一条线，和border基本类似，如代码

<div style="width:500px height:1pxbackground-color:red"></div>

<!--注：height:1px 这里指水平线高度！-->

使用hr标签可以制作一条水平直线，如代码：

<hr/><!--这个标签的涵义就是一条水平的直线，但是不灵活，现在基本没人使用！-->