這是 index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Technology Trends</title>
<link rel="stylesheet" href="style.css">
</head>
<body background="Images/bg2.jpg">
<header>
<img src="Images/logo2.jpg" alt="logo" width="52" height="39">
<div>
<a href="#">Home</a>
<a href="#">Services</a>
<a href="#">About Us</a>
<a href="#">Contact Us</a>
</div>
</header>
</body>
</html>
這是 style.css
*{
padding: 0;
margin: 0;
}
body {
background-size: cover;
}
header{
background-color: black;
}
嗨,我正在嘗試使用 HTML 和 CSS 創建一個網站,并想更改標題的背景顏色。我的外部 css 已鏈接,并為 css 選擇器標頭提供了 background-color 屬性。但它仍然無法正常作業。
誰能指出我哪里出錯了?
提前致謝。
uj5u.com熱心網友回復:
我嘗試了片段行內 CSS 并且它可以作業,我認為您style.css的位置或檔案名錯誤?將style.css和index.html放在同一位置/檔案夾。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Technology Trends</title>
<style>
*{
padding: 0;
margin: 0;
}
body {
background-size: cover;
}
header{
background-color: black;
}
</style>
</head>
<body background="Images/bg2.jpg">
<header>
<img src="Images/logo2.jpg" alt="logo" width="52" height="39">
<div>
<a href="#">Home</a>
<a href="#">Services</a>
<a href="#">About Us</a>
<a href="#">Contact Us</a>
</div>
</header>
</body>
</html>
uj5u.com熱心網友回復:
只是做一個類。像這樣...
*{
padding: 0;
margin: 0;
}
body {
background-size: cover;
}
.header{
background-color: black;
}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Technology Trends</title>
<link rel="stylesheet" href="style.css">
</head>
<body background="Images/bg2.jpg">
<img src="Images/logo2.jpg" alt="logo" width="52" height="39">
<div class="header">
<a href="#">Home</a>
<a href="#">Services</a>
<a href="#">About Us</a>
<a href="#">Contact Us</a>
</div>
</body>
</html>
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/410705.html
標籤:
