2017-03-09 105 views
1

我有以下的CSS代碼。出於某種原因,背景色不起作用。有人可以幫忙嗎?背景色不工作CSS中的類

<!DOCTYPE HTML> 
<!--Inform the Browser that the document is HTML--> 
<html lang="en-US"> 



<head> 
<meta charset="UTF-8"> 

<head> 

<style type="text/css"> 


.leftpane{ 

width: 20%; 
height: 80%; 
border-color: brown; 
border-width: .25em; 
border-style: double; 
float: left; 
margin-right: 1em 
background-color: orange; 

} 



</style> 
<title>Trying CSS </title> 
</head> 


<body> 

<div class="leftpane"> 
hi hi hi 
<br/> 
</div> 


</body> 

</html> 

回答

3

你忘了分號之前的規則後:

缺乏
margin-right: 1em /* <------ ooops! */ 
background-color: orange; 

;使得解析器不顧一切以下後,所以background-color: orange;是從來沒有考慮過。

+0

美妙的接吻! – TimeToCodeTheRoad

0

分號是背景色前丟失,請予以更正,給分號

margin-right: 1em; 
0

試試這個用正確的CSS語法 ....

.leftpane { 
 
    width: 20%; 
 
    height: 80%; 
 
    border-color: brown; 
 
    border-width: .25em; 
 
    border-style: double; 
 
    float: left; 
 
    margin-right: 1em; 
 
    background-color: orange; 
 
}
<div class="leftpane"> 
 
    hi hi hi 
 
    <br/> 
 
</div>