需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
1、首先打开html编辑器，新建一个html文件，例如：indexhtml。
2、其次，在indexhtml的<body>标签中，添加代码：<hr/>。
3、浏览器运行indexhtml页面，此时成功在html中画了一条线。
是嵌入到一行文字中的，如果与行高不一样，肯定会一个高一个低，或者居中。你可以让文字与在垂直上居中，或文字与顶端对齐/底端对齐等等，方法是：
格式-段落-中文版式-文本对齐方式，有几个选项任你选择。可以达到你的要求。
1、Hr水平线案例代码片段：
我是html Hr实例<br />
<br />
效果如下：
<br />
<hr />
<a href=>
<hr />
<p>我是XXXXXXXXXXHr实例 </p>
在HTML中设计水平线的方法如下1
在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。
2，对水平线颜色的设置，怎么办
其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入color=颜色。这里的“颜色”可以是任何颜色，一般格式为：<
hr
color=#FF0000>。
3，用这个方法设置后，在Dreamweaver中无法直接看到效果，我们可以点击“F12”键，在浏览器里浏览水平线的颜色变化。
最后，再告诉你个小技巧
诸如“#FF0000”这样的颜色代码对于初级朋友来说不容易分辩，你可以这样做：给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色，然后把颜色代码复制并粘贴到水平线的“快速标签编辑器”即可。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）