The Logo is white when it's supposed to be black idk why. Website
这是针对学校项目的,我只非常了解基础知识。抱歉,这是一个愚蠢的问题。
HTML代码:
<!DOCTYPE html>
<html lang="en">
<head>
<title>PhoneDirect</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/Code/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<header>
<a href="index.html">PhoneDirect</a>
<nav>
<ul>
<li><a href="what-to-buy.html">What to Buy</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
</nav>
</header>
<main>
<section>
</section>
</main>
<footer>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="what-to-buy.html">What to Buy</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
</footer>
</body>
</html>
CSS代码:
*{
margin: 0;
box-sizing: border-box;
}
body{
width: 100%;
font-family:'Roboto', sans-serif;
background: rgb(248,119,0);
background: linear-gradient(135deg, rgba(248,119,0,1) 0%, rgba(255,83,125,1) 100%);
}
header{
width: 97%;
height: 100px;
margin: auto;
padding: 20px;
background-color: white;
}
header a:link, a:visited{
color: black;
font-weight: bolder;
font-size: 45px;
font-style: italic;
text-decoration: none;
}
header nav{
float: right;
}
header nav ul li{
display: inline-block;
margin-top: 20px;
}
header nav ul li a:link, a:visited{
font-size: 24px;
float: right;
padding: 0px 10px;
}
main{
width: 97%;
margin: auto;
background-color: white;
border-radius: 0px 0px 30px 30px;
padding-bottom: 20px;
}
footer ul li{
display: inline-block;
}
footer ul li a:link, a:visited{
color: white;
align-self: center;
text-decoration: none;
}
................................................... ................................................... ................................................... ........
我证明CSS可以正常工作。页眉菜单链接为黑色,页脚链接为白色。
徽标是黑色的,因为它位于标题的里面,这就是您要设置的内容。在徽标中添加特定的类