html - 网页中的标题框

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>