Debugging with CSS

This commit is contained in:
Ray 2024-07-15 01:19:07 +10:00
parent 4e6baa5c6e
commit 58b680e8b0
2 changed files with 36 additions and 13 deletions

View File

@ -1,25 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel=""stylesheet" href="style.css">
<meta charset="utf-8">
<title>reiyua</title>
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
<link rel="stylesheet" href="style.css">
<meta charset="utf-8">
<title>reiyua</title>
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
</style>
<body>
<div class="navbar">
<a href="index.html">Home</a>
<a href="#">About</a>
<a href="contact.html">Contact</a>
<a href="#" class="right">Projects</a>
<a href="index.html">Home</a>
<a href="#">About</a>
<a href="contact.html">Contact</a>
<a href="#" class="right">Projects</a>
</div>
<div class="header">
<h1>reiyua</h1>

24
style.css Normal file
View File

@ -0,0 +1,24 @@
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* Change the link color to #111 (black) on hover */
li a:hover {
background-color: #111;
}