Hi, ich baue gerade für ein Schulprojekt eine Webseite die ich ungefähr so aussehen lassen will:
Die Überschrift (im Header) und den roten Kasten (als Hintergrundfarbe vom body) habe ich bereits, jetzt will ich unter der Überschicht einen weißen Kasten haben, in dem der Inhalt sein soll. Mein Plan war, ein div zu erstellen, den ich weiß mache und ihm dann eine margin gebe, sodass er passt. Funktioniert aber leider nicht so wie gewollt.
Die Überschrift (im Header) und den roten Kasten (als Hintergrundfarbe vom body) habe ich bereits, jetzt will ich unter der Überschicht einen weißen Kasten haben, in dem der Inhalt sein soll. Mein Plan war, ein div zu erstellen, den ich weiß mache und ihm dann eine margin gebe, sodass er passt. Funktioniert aber leider nicht so wie gewollt.
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="CSS.css">
<title>Wetterstation</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Secular+One&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div id="title">
Wetterstation
</div>
</header>
<section>
<div>
</div>
</section>
</body>
</html>
CSS:
body {
background-color: red;
}
section {
background-color: #ffffff;
margin: 1%;
}
header {
margin-left: 5%;
margin-top: 1%;
}
#title {
font-family: "Secular One";
font-size: 500%;
color: #ffffff;
}
