边框立体风格，尺寸缩短

Question

I'm trying to make a border for the top of a div element. The border is a 1px thick solid line, and it is to make a noticeable division between the footer and the website content. However, I don't want the border to span the whole width of the footer. I'd instead like it to be shorter (by maybe 10 pixels or so on each side) and centered. How should I do this? Does it require me to use an image?

Answer 1

You mean something like this: http://jsfiddle.net/8ZSSc/

Or, if you always wanted exactly 10px short of each side regardless of page size:

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

Answer 2

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

Answer 3

我想您正在寻找这样的东西：

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

Answer 4

Add another div above the footer, add a top border, and use padding to make it narrower:

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

Answer 5

您可能在页脚上方还有一个很细的div 。