2017-03-09 8 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

セミコロンは背景色の前に欠けている、正しいCSS構文を使用して、これを試してみてください、それを訂正

margin-right: 1em; 
0

にセミコロンを付けてください....

.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>

関連する問題