Den Hintergrund eines Elements gestalten HTML

Ich mache eine Website und versuche etwas Neues, außer wenn ich versuche, einen Hintergrund für mein H1-Element zu erstellen, kann ich nicht sicherstellen, dass die Hintergrundfarbe an die Spitze passt der Bildschirm, links und rechts.Den Hintergrund eines Elements gestalten 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; 
}

Quelle

2016-03-22 Matt

Sie benötigen CSS, dies zu ändern:

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

Sie sicher, dass Sie Ihren Körper keine padding oder Margen und auch sicher, dass Ihr h1 doesn machen müssen gesetzt machen müssen Ich habe auch keinen Spielraum. So sitzt es gerne oben auf Ihrer Seite.

Quelle

2016-03-22 09:48:21 Albzi

Danke. Mein Problem ist jedoch, dass ich die Hintergrundfarbe nicht richtig vergrößern und die Ränder anpassen kann, sodass die Farbe beispielsweise den oberen Rand der Webseite berührt – Matt

Den Hintergrund eines Elements gestalten HTML

Antwort

Verwandte Themen