只需输入`<hr />`，效果很好

Question

我喜欢在整个HTML页面中添加一行。这该怎么做？

enter image description here

我试过了：

hr {
    width: 100%;
}

但它不起作用

Answer 1

<hr />标记的父标记宽度始终为100%。

<br /><hr /><br />

检查父母是否有一些您需要移除的padding。另一种方法是将body代码的padding和margin设置为0。

body {
 padding: 0;
 margin: 0;
}

完整代码：

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            body {
                padding: 0;
                margin: 0;
            } 
        </style>
    </head>

    <body>
        <br />
        <hr />
        <br />
    </body>
</html>

Answer 2

检查这些演示...

http://jsfiddle.net/dqnKQ/1/和 http://jsfiddle.net/dqnKQ/2/

Answer 3

只需输入`<hr />`，效果很好

如果需要，您可以随时将其设置为内联样式。例如：

<hr style="width:100%; height:6px; background-color: #cce1ec; border:none;" />

作为HTML标记，它也可以用作CSS中的选择器，例如：

hr{ width:100%; height:6px; background-color:#cce1ec; border:none;}

整个HTML页面的水平线

3 个答案:

只需输入`<hr />`，效果很好

整个HTML页面的水平线

3 个答案:

只需输入<hr />，效果很好

只需输入`<hr />`，效果很好