html - 如何在页面顶部创建一个 HTML 框？

Question

我最近开始学习 html 和 css，但我似乎无法弄清楚哪种方法最适合完成某项任务。

我想在页面顶部创建一个框，以一定高度从左到右覆盖整个屏幕。在框内，我希望有一个文本，其属性可以与框分开控制。

因此，如果创建了 2 个 div 并分配了 2 个 ID，一个用于文本，一个用于框。并使用 CSS 修改每个 .

到目前为止，我工作正常吗？

Answer 1

您必须添加任何包含文本的标签。这是最好的解决方案。

例子:

<header>
   <div class="content">
        <p>some text</p>
   </div>
</header>

和 CSS

header { width: 100%; padding: 20px 0; }
header .content { width: 1000px; margin: auto; }
header .content p { font-size: 22px; color: #000; }