Bild im Hintergrund zum Einfügen Anfänger

snak23 · 26.01.22, 21:00

Hi
Ich probiere gerade ein Bild im Hintergrund einzufügen als link.
Könnte mir bitte einer Helfen, ich verzweifle und finde den Fehler nicht.
Es zeigt bei mir das bild nicht an?
Ich bin Anfänger und würde mich um hilfe freuen

Zitat:

<!DOCTYPE html>
<html lang="de">

<head>
<meta charset="utf-8">
<title>Titel der Einzelseite</title>
<meta name="des*****ion" content="">
<meta name="author" content="">
<meta name="keywords" content="">

<link href="style1.css" rel="stylesheet">
</head>

<body>

<div id="oben">
<div id="logo">
<div id="logo_bild">
<div id="logo_bild_oben"></div>
</div>
<div id="logo_text"><a href="#"> Bergstrassen BBQ </a></div>
</div>
<div id="slider"></div>
<div id="nav">
<ul>
<li>Home</li>
<li>Videos</li>
<li>Facebook</li>
<li>Instagram</li>
</ul>
</div>
<div id="slider"></div>
</div>
<div id="mitte">
<div class="inhalt_box">
<h2>Über Mich</h2>
<p>HalloLeute,mein Name ist ...und ich Produziere extem Leckers essen!</p>
</div>
<div class="inhalt_box">
<h2>Letztes Video</h2>

</div>
</div>

<div id="unten">
<p>Folgt mir auf den Social Media Kanälen!
</p>
<a id="social-fb" href="</a>
<a id="social-fb" href=</a>

</div>

</body>
</html>

Zitat:

body {
font-family: 'Roboto Condensed', sans-serif;
margin: 0;
}

p {
font-family: 'Oswald', sans-serif;
}

#logo {
display: flex;
flex-direction: column;
align-items: center;
}

#logo_bild {
width: 50px;
height: 50px;
background-color: #9f5c23;
border-radius: 5px;
overflow: hidden;
}

#logo_bild_oben {
background-color: #00AA55;
width:100%;
height:30%;
}

#logo_text a {
font-size: 30px;
text-decoration: none;
color: black;
}

#nav ul {
display: flex;
justify-content: center;
list-style: none;
}

#nav ul li {
padding-left: 20px;
padding-right: 20px;
font-weight: 100;
color: gray;
}

#nav ul li:hover {
cursor: pointer;
color: #00AA55;
}

#slider {
background-image:
url();
width: 100;
height: 150;
background-size: cover;
background-position: center;
}