如何将橙色背景添加到页面顶部

Question

您好我想知道是否有人可以告诉我如何将橙色框添加到我的文件顶部。我附上了一张图片，所以你知道我在说什么。

我希望橙色框架高35px。我将如何在css中创建它？

非常感谢您的帮助。

Answer 1

您只需在打开正文标记后立即在页面顶部添加以下代码：

HTML 的

<div id="topframe"></div>

CSS

#topframe {
    margin:0;
    padding:0;
    width:100%;
    height:35px;
    background:orange;
}

或者，如果你想同时要两个：

<div style="margin:0;padding:0;width:100%;height:35px;background:orange;"></div>

如果您正在谈论背景图片，那么您需要在CSS文件中添加 body ：

background-image:url('path/to/your/image.jpg'); // 35px height orange background
background-repeat:repeat-x;
background-position:top;