网页中的标题框

Question

我知道如何使用CSS制作图像固定位置，但我不知道如何使用HTML实际创建标题。

我附上了一张图片，我希望能够将内容编辑到标题中，

任何帮助都会非常感激，因为我永远不会这样做。

如果是图像，我就是这样做的：

<style>
.header
{
position: fixed;
top: 0%;
left: 0%;
right: 0%
z-index: 1;
}
</style>

<img src="IMAGE URL" class="header" width="100%" height="150px">

然后固定图像，如何制作图像，以便在所有内容的顶部都有一个纯色框。

感谢。

Answer 1

<style>
.header
{
background-color: red;
position: fixed;
top: 0%;
left: 0%;
right: 0%;
height: 150px;
z-index: 1;
}
</style>

<div class="header">
  Some Text
</div>