update(header): change color links and color hover

This commit is contained in:
rick 2021-12-26 12:34:51 +01:00
parent f72f32cb85
commit 7e237426b9
Signed by: Rick
GPG key ID: 2B593F087240EE99
5 changed files with 19 additions and 9 deletions

View file

@ -7,11 +7,11 @@
</head> </head>
<body> <body>
<header> <header>
<div> <div id="header-title">
<h1>gyiwr dot tf</h1> <h1>gyiwr dot tf</h1>
<h2>le site de rick</h2> <h2>le site de rick</h2>
</div> </div>
<div> <div id="header-links">
<a href="ou.html">où me retrouver</a> <a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a> <a href="copaings.html">copains & co</a>
<a href="/a/">annuaire</a> <a href="/a/">annuaire</a>

View file

@ -10,8 +10,18 @@ header {
margin-left: 3em; margin-left: 3em;
} }
#header-links {
margin-top: 2em;
}
header a { header a {
margin-right: 2em; color: black;
padding: 1em;
}
header a:hover {
color: white;
background-color: black;
} }
#main { #main {

View file

@ -6,11 +6,11 @@
</head> </head>
<body> <body>
<header> <header>
<div> <div id="header-title">
<h1>gyiwr dot tf</h1> <h1>gyiwr dot tf</h1>
<h2>le site de rick</h2> <h2>le site de rick</h2>
</div> </div>
<div> <div id="header-links">
<a href="ou.html">où me retrouver</a> <a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a> <a href="copaings.html">copains & co</a>
<a href="/a/">annuaire</a> <a href="/a/">annuaire</a>

View file

@ -6,11 +6,11 @@
</head> </head>
<body> <body>
<header> <header>
<div> <div id="header-title">
<h1>gyiwr dot tf</h1> <h1>gyiwr dot tf</h1>
<h2>le site de rick</h2> <h2>le site de rick</h2>
</div> </div>
<div> <div id="header-links">
<a href="ou.html">où me retrouver</a> <a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a> <a href="copaings.html">copains & co</a>
<a href="/a/">annuaire</a> <a href="/a/">annuaire</a>

View file

@ -6,11 +6,11 @@
</head> </head>
<body> <body>
<header> <header>
<div> <div id="header-title">
<h1>gyiwr dot tf</h1> <h1>gyiwr dot tf</h1>
<h2>le site de rick</h2> <h2>le site de rick</h2>
</div> </div>
<div> <div id="header-links">
<a href="ou.html">où me retrouver</a> <a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a> <a href="copaings.html">copains & co</a>
<a href="/a/">annuaire</a> <a href="/a/">annuaire</a>