我正在尝试弄清楚如何在我的博客的最顶部添加边框。
我知道如何处理图像、背景图像和水平重复。
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/)
但是,如果我这样做,线条或边框不会左右移动,会有间隙,也不会真正触及顶部。
看区别:
关于为什么会发生这种情况或我该如何解决的任何想法?或者没有其他方法可以在网站顶部添加边框,但可以使用图像?
最佳答案
body {
border-top: 15px solid #F2828E;
background-color: #EEEEEE;
margin: 0;
}
应该这样做。默认情况下,您基本上有一个边距顶部。您可以将其设置为零,它会起作用
关于html - 在我的网站顶部添加一个没有图像的边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33482405/