页脚没有获得背景颜色？

Question

我在我创建的网页底部添加了Facebook和Twitter的链接，但页脚没有获得我想要的背景颜色。下面是它背后的HTML代码：

<center> 
<div id="footer"> 
<a href="#" title"website on facebook"><b>facebook</b></a> <a href="#" title"website on twitter"><b>twitter</b></a> 
</div> 
</center> 

而这里的CSS代码，我有：

.footer { 
width:100%; 
height:60px; 
background-color:#3399FF; 
} 

任何人都知道为什么有出现无背景色？

Answer 1

这是因为您使用了错误的CSS选择器。

句点.用于选择具有某个类别的元素。当你设置一个id属性的DIV，你需要使用#马克，选择元素：

试试这个：

#footer { 
    width:100%; 
    height:60px; 
    background-color:#3399FF; 
} 

了解更多关于：MDN。

Answer 2

使用类= “页脚”

<center> 
<div id="footer" class="footer"> 
<a href="#" title"website on facebook"><b>facebook</b></a> 
<a href="#" title"website on twitter"><b>twitter</b></a> 
</div> 
</center> 

或更改CSS

#footer { 
width:100%; 
height:60px; 
background-color:#3399FF; 
} 

Answer 3

您使用错误的选择器应用CSS。

如果您将使用Id然后使用#，如果你使用class然后使用.选择器应用CSS。

如果你使用：

<div id="footer"> 
//text 
</div> 

然后使用：

#footer { 
width:100%; 
height:60px; 
background-color:#3399FF; 
} 

，如果你使用：

<div class="footer"> 
//text 
</div> 

然后使用：

.footer { 
    width:100%; 
    height:60px; 
    background-color:#3399FF; 
    } 

Answer 4

将其更改为来自＃id。 class

#footer { 
width:100%; 
height:60px; 
background-color:#3399FF; 
}