html - 在我的网站顶部添加一个没有图像的边框

Question

我正在尝试弄清楚如何在我的博客的最顶部添加边框。

我知道如何处理图像、背景图像和水平重复。

body {
    background-image: url("http://bit.ly/1KTEMHF");
    background-repeat: repeat-x;
    background-color: #EEEEEE;
}

请参阅此处示例:http://jsfiddle.net/9ybu5yfq/

但是，如果我只想要一个简单(平滑)的边框，我不确定该怎么做。我知道我显然可以将正方形作为图像，这样它就可以工作，但我想有更好/更简单的方法来做到这一点。

到目前为止，我已经在该站点的其他答案中找到了我可以这样做的方法:

body {
    border-top: 15px solid #F2828E;
    background-color: #EEEEEE;
}

(请参阅此处的 fiddle :http://jsfiddle.net/uaoq6usn/)

但是，如果我这样做，线条或边框不会左右移动，会有间隙，也不会真正触及顶部。

看区别:

关于为什么会发生这种情况或我该如何解决的任何想法？或者没有其他方法可以在网站顶部添加边框，但可以使用图像？

Answer 1

body {
    border-top: 15px solid #F2828E;
    background-color: #EEEEEE;
    margin: 0;
}

应该这样做。默认情况下，您基本上有一个边距顶部。您可以将其设置为零，它会起作用