我现在只是在学习基础知识。我正在学习 Udemy 类(class),但图像根本不显示。
<!doctype html>
<html>
<head>
<title>CSS Basics</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
#main {
width:800px;
height:1000;
margin-left: auto;
margin-right: auto;
background-color: #82b3ae;
padding:20;
}
h1 {
text-align: center;
color: green;
font-size: 50;
}
#jumbotron {
background-image: url('../assets/banner.jpg');
height: 200px;
width: 800px;
}
</style>
</head>
<body>
<div id="main">
<div id="jumbotron">
<h1>Neil Harper's Website</h1>
</div>
<p>Lorem ipsum dolor sit amet, eros elit recteque ex pri, mei iusto oratio te. Duo equidem dolorum antiopam ea. Munere electram suavitate has an. An mei ornatus sensibus eleifend. Vero tritani pro id.</p>
<p>Ut quo esse porro honestatis, vis ad nisl vidit, id assum voluptaria his. Eos ei tibique vituperata, ridens mentitum persequeris mei in. Habeo doctus partiendo eu nam, dicant appetere vim ex, quo et esse regione. Pri habeo soleat commune cu.
Ei possit prompta commune vim, cu latine nostrum vix.</p>
</div>
</body>
</html>
最佳答案
尝试将 background-size: 100%;
添加到 #jumbotron
关于html - 无法弄清楚如何将背景图像放入我的 <div> 工作正常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29351788/