2016-03-22 6 views
1

Bir web sitem yapıyorum ve ben yeni bir şey çalışıyorum arka planını Şekillendirici ekran, sol ve sağ.Ben arka plan rengi sınırları üstüne uyacak ben emin yolu yok benim H1 elemanı için bir arka plan oluşturmaya çalıştığınızda dışında bir Eleman HTML

<!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; 
} 

cevap

2

buna sen CSS değiştirmeniz gerekir:

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

emin misin vücudunuzun hiçbir doldurma veya marjları var ve aynı zamanda h1 doesn emin olmak için ayarlanmış yapmak gerekir Herhangi bir marjınız da yok. Bu sayede sayfanızın en üstüne oturacaksınız.

+0

teşekkürler. Ancak, benim sorunum, arka plan renginin daha büyük olması ve kenar boşluklarını eşleştirmemesidir. Bu nedenle, renk web sayfasının üst kısmına dokunur – Matt