要素の背景をスタイリングするHTML

私はH1要素の背景を作成しようとするときを除いて、何か新しいことを試しています。背景色の罫線が上部に収まるようにする方法がありません。左、右の画面。要素の背景をスタイリングするHTML

あなたがこれまであなたのCSSを変更する必要が

<!DOCTYPE html> 
<html lang="en"> 
<link rel="stylesheet" type="text/css" href="site.css" 
<body> 
<title>Test Tab</title> 
<div class="main"> 
    <h1>Website Heading</h1> 
</div> 

</body> 
</html> 

.main { 
font-family: Arial, Verdana, sans-serif; 
text-align: center; 
font-size: 20px; 
background-color: #00ff00; 
background-position: 10px; 
}

出典

2016-03-22 Matt

：

html,body { 
    margin:0; 
    padding:0; 
} 
.main { 
font-family: Arial, Verdana, sans-serif; 
text-align: center; 
font-size: 20px; 
background-color: #00ff00; 
background-position: 10px; 
} 

.main h1 { 
    margin:0; 
}

JSFiddle

あなたはあなたの体はパディングやマージンを持っていないし、またあなたのh1 doesnのを確認して設定を確認する必要があります余裕もありません。そうすれば、あなたのページの上部に楽しく座ることができます。

出典

2016-03-22 09:48:21 Albzi

ありがとうございました。しかし、私の問題は、背景色を大きくしてマージンに合わせることができないため、色がWebページの上部に触れるなどです – Matt

要素の背景をスタイリングするHTML

答えて

関連する問題