2012-02-21 101 views
-1

我试图用在HTML中创建div,然后在单独的样式表中创建div。我正在给出指示,在上面放上一个红色的背景。为背景色创建div

出于某种原因,没有任何事情发生。下面是代码

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

在我的CSS文件,我用这个命令

#Box { 
background:red;; 
} 
+2

这应该工作。您的样式表是否正确地嵌入到HTML页面中? – 2012-02-21 17:02:42

+0

双分号是否是错字。这可能会丢掉你的代码。 – PruitIgoe 2012-02-21 17:03:46

回答

4

对于这样的问题,使用像Firebug这样的工具来确定什么CSS规则应用于元素(“检查元素“在上下文菜单中)。这些工具还允许您查看页面加载过程中发生的所有错误(例如,如果找不到CSS样式表),并显示所有加载的资源以及大量其他有用的信息。

看到这里,如果你是IE的受害者:Is there something like "Firebug for IE" (for debugging JavaScript)?

的Chrome已经自带了电池。

0

你有background: red后两个分号,这是造成你的代码打破。解决方案请参见jsFiddle

或者,您可能错误地链接了您的样式表。你应该包括这个网页的<head>标签之间:

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

不,一个doubled分号不会破坏CSS ...主要原因将是一个未链接的样式表。 – feeela 2012-02-21 17:18:25

2

根据您所提供的信息,它应该工作的罚款看到here

你肯定你是正确的链接你的CSS表?

0

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

#Box { 
    background:red; 
} 
0

尝试使用background-color: Red;正如其他人提到的,你也有两个分号