设置了一个固定在页面顶部的横条,背景颜色为深红色
时间: 2023-06-27 16:07:10 浏览: 152
固定网页顶部导航条
可以使用CSS样式来实现这个效果。具体的代码如下:
```css
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #8B0000; /* 深红色 */
color: #ffffff; /* 文字颜色为白色 */
padding: 10px; /* 添加一些内边距,使得内容不会贴在边缘上 */
z-index: 9999; /* 将横条置于所有其他元素之上 */
}
```
在HTML中,可以添加类名为`header`的`div`元素,作为横条的容器。例如:
```html
<div class="header">
这是一个固定在页面顶部的横条
</div>
```
这样,就可以实现一个固定在页面顶部、背景颜色为深红色的横条,并且文字颜色为白色。
阅读全文