【问题标题】:Creating a div for background color为背景颜色创建一个 div
【发布时间】:2012-02-22 01:59:56
【问题描述】:

我正在尝试在 HTML 中创建一个 div,然后在单独的样式表中创建一个。我正在指示在其上放置红色背景。

由于某种原因,什么都没有发生。这是代码

<div id="Box">
<p class="special">Selection:</p>
<br />
<input type='submit' value='Submit' />
</div>

在我的css文件中,我使用这个命令

#Box   {
 background:red;;
}

【问题讨论】:

  • 这应该可以。您的样式表是否正确嵌入到您的 HTML 页面中?
  • 双分号是不是错字。这可能会让你的代码失效。

标签: html


【解决方案1】:

对于此类问题,请使用Firebug 之类的工具来确定将哪些 CSS 规则应用于元素(上下文菜单中的“检查元素”)。这些工具还可以让您查看页面加载期间发生的所有错误(例如,如果找不到 CSS 样式表),它们会显示所有已加载的资源以及许多其他有用的信息。

如果您是 IE 的受害者,请查看此处:Is there something like "Firebug for IE" (for debugging JavaScript)?

Chrome 已经配备了电池。

【讨论】:

    【解决方案2】:

    根据您提供的信息,它应该可以正常工作,如 here 所示

    您确定正确链接了 CSS 表吗?

    【讨论】:

      【解决方案3】:

      background: red 后面有两个分号,这会导致代码中断。有关解决方案,请参阅此jsFiddle。

      或者,您可能错误地链接了样式表。您应该在页面的 &lt;head&gt; 标记之间包含此内容:

       <LINK href="demo.css" rel="stylesheet" type="text/css">
      

      【讨论】:

      • 不,双分号不会破坏 CSS……主要原因是样式表没有链接。
      【解决方案4】:

      尝试删除 CSS 中的分号之一:

       #Box {
          background:red;
       }
      

      【讨论】:

        【解决方案5】:

        要在 DIV 上设置背景颜色,请使用 CSS background-color 属性: http://www.w3schools.com/cssref/pr_background-color.asp

        【讨论】:

        • background 是background-color 和所有其他背景选项的快捷方式。
        【解决方案6】:

        尝试使用background-color: Red;,因为其他人已经提到你也有两个分号

        【讨论】:

          猜你喜欢
          • 2018-05-04
          • 2019-08-20
          • 1970-01-01
          • 2013-08-23
          • 2011-07-29
          • 1970-01-01
          • 2014-02-12
          • 2011-09-05
          • 2012-02-28
          相关资源
          最近更新 更多