Hallo, ich komme nicht weiter, ich habe mein externes Stylesheet in der Head-Zeile verlinkt, aber egal, was ich auf das stylesheet schreibe, die Html-Elemente bleiben gleich. Woran lönnte das liegen?
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<section class="navbar">
<div class="navbar-logo">
<img class="navbar_logo" src="Logo-transparent.png">
</div>
<div class="Links">
<a href="https://open.spotify.com">Spotify</a>
<a href="https://google.de">Google</a>
<a href="https://youtube.de">Youtube</a>
<a href="https://die-bibel.de">Bibel</a>
</div>
</section>
</body>
</html>
CSS:
.nabvar{
display: flex;
justify-content: space-between;
border-bottom-color: grey;
}
a {
border-radius: 50%;
border-color: blue;
border-bottom-width: 10px;
}
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<section class="navbar">
<div class="navbar-logo">
<img class="navbar_logo" src="Logo-transparent.png">
</div>
<div class="Links">
<a href="https://open.spotify.com">Spotify</a>
<a href="https://google.de">Google</a>
<a href="https://youtube.de">Youtube</a>
<a href="https://die-bibel.de">Bibel</a>
</div>
</section>
</body>
</html>
CSS:
.nabvar{
display: flex;
justify-content: space-between;
border-bottom-color: grey;
}
a {
border-radius: 50%;
border-color: blue;
border-bottom-width: 10px;
}
Zuletzt bearbeitet: