边框实心款式，尺寸缩短

Question

我正在尝试为div元素的顶部创建边框。边框是1px粗实线，它是在页脚和网站内容之间进行明显划分。但是，我不希望边框跨越页脚的整个宽度。我反而希望它更短（每边可能大约10个像素）并居中。我该怎么做？它需要我使用图像吗？

Answer 1

你的意思是这样的：http://jsfiddle.net/8ZSSc/

或者，如果您总是希望每侧的10px短，无论页面大小如何：

http://jsfiddle.net/8ZSSc/2/

Answer 2

只需使用<hr />标记制作水平线，然后设置宽度。

Answer 3

我猜你正在寻找这样的东西：

<div style="width: 95%; border-top: 1px solid; margin: auto;"></div>

Answer 4

在页脚上方添加另一个div，添加一个顶部边框，并使用填充使其更窄：

.footer-line {
    border-top: ...
    margin-right: 10px;
    margin-left: 10px;
}

Answer 5

你可以在页脚上方有另一个非常瘦的div。