如何更改网页上特定部分的颜色？答案

【问题标题】：How to change color of a specific section on a web page?如何更改网页上特定部分的颜色？
【发布时间】：2018-10-31 15:53:12
【问题描述】：

如何更改网页中某个部分的颜色？它位于页脚上方。我想制作 10px 的高度和宽度来占据所有页面。我将在该空间中包含社交图标。我该怎么做？

【问题讨论】：

标签： css wordpress html wordpress-theming

【解决方案1】：

你可以只为你想要设置样式的元素添加一个类。假设你想改变一个<section>元素的背景和你需要的高度和宽度，你可以添加一个class="mysection"

然后，您可以使用以下代码在 HTML 文档的 head 处添加 CSS 文件或 style 标签：

.mysection {
   background-color: red;
   width: 100%;
   height: 10px;
}

【讨论】：

<section> 是块元素，因此可能不需要 width 属性。但是，对于回答“占用所有页面的宽度”的问题，这是有道理的！
@Frish 你说得对，暂时忘记了，谢谢指正！
@IvanS95 感谢您的回答，但我该如何定义此部分的位置。它就在页脚上方。我正在使用 wordpress，我会面临编辑限制吗？我看到我可以在 css 编辑器中进行更改，但我不知道如何标记此特定部分。
@MariamMamdouh 它可能有助于向我们展示您所面临的更多结构，如果您可以编辑 HTML，那么您应该向section 添加一个类，例如：<section class="yourclass">，如果可以的话'不编辑 HTML，那么您可能只能根据您的结构使用 CSS 来定位它

【解决方案2】：

您可以添加<div> 标签或<section> 标签。在 HTML 中应用样式时，应在标题部分的 <style> 标记内提及

例子

<html>

<head>
  <style>
    #test {
      background-color: red;
    }
  </style>
</head>

<body>
  <div id="test">
    Test
  </div>
</body>

</html>

【讨论】：