所以我正在尝试重新创建此网页并正在研究我将使用 7 次来跨越导航栏的 div 的样式,并且无法加载引用的图像。
我现在将发布我的代码。我在页面中使用样式以便快速访问,但完成后将使用外部样式表。
<!DOCTYPE html>
<html>
<header class="header" id="header" align="middle">
<img src="https://s21.postimg.org/luvg05cjb/header.jpg">
</header>
<style>
.Home {
position: absolute;
background-image: url("https://postimg.org/image/vg652px3f/");
background-size: 99px 30px;
left: 290px;
top: 234px;
text-align: center;
line-height: 30px;
width: 99px;
height: 30px;
color: black;
}
</style>
<body>
<div class="Home">Home</div>
<h1></h1>
<p></p>
</body>
</html>
最佳答案
您的代码有几处错误:
- 文档中没有head标签。
- 你不能简单地输入
<header>
<body>
之外的标签元素。 ( http://www.w3schools.com/tags/tag_header.asp ) - 样式标签应该放在
<head>
里面或<body>
标签。 - 这不是图像 URL >> https://postimg.org/image/vg652px3f/
关于html - 用引用图像填充 DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39824152/