css/nav
This commit is contained in:
parent
a7278feeaf
commit
abfb2e60cc
2 changed files with 28 additions and 2 deletions
|
@ -12,8 +12,13 @@
|
|||
<body>
|
||||
|
||||
<header>
|
||||
Header.
|
||||
<img src="images/logo.svg" alt="Logo of the website.">
|
||||
<nav aria-label="Main navigation">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="other.html">Other</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
|
|
@ -31,6 +31,9 @@ text-align: start;
|
|||
|
||||
header {
|
||||
background-color: #300;
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
justify-content: space-between;
|
||||
padding: 1em 2em;
|
||||
}
|
||||
|
||||
|
@ -106,12 +109,30 @@ ul li::marker {
|
|||
content: "×";
|
||||
}
|
||||
|
||||
header nav a {
|
||||
text-decoration: none;
|
||||
}
|
||||
header nav a:focus-visible,
|
||||
header nav a:hover {
|
||||
background-color: blue;
|
||||
}
|
||||
header nav ul {
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
header nav li::marker {
|
||||
content: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
a:visited {
|
||||
}
|
||||
a:focus-visible, a:hover {
|
||||
a:focus-visible,
|
||||
a:hover {
|
||||
}
|
||||
a:active {
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue