Html 为什么我的hr（水平规则）不显示提供的背景？

我有这个HTML：

<hr />

然而，hr只显示一条普通线，没有图像。即使我增加hr的高度（通过在CSS中添加“height:200px；”），它也只会显示一个空矩形

---

要显示图像，我必须做些什么？

您使用的链接指向页面而不是图像的URL。单击该页面上的图像，为您提供

http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg

---

<> > >编辑：< /强>考虑下载该图像并从本地URL服务（请务必先检查许可证），如果它从WikimiDa中删除或移动，它将不再为您显示。

< P>您使用的是指向页面的链接，而不是图像。单击该页面上的图像，为您提供

http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg

---

<> > >编辑：< /强>考虑下载该图像并从本地URL服务（请务必先检查许可证），如果它从WikimiDa中删除或移动，它将不再为您显示。

< P>您使用的是指向页面的链接，而不是图像。单击该页面上的图像，为您提供

http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg

---

<> > >编辑：< /强>考虑下载该图像并从本地URL服务（请务必先检查许可证），如果它从WikimiDa中删除或移动，它将不再为您显示。

< P>您使用的是指向页面的链接，而不是图像。单击该页面上的图像，为您提供

http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg

---

<> > >编辑：< /强>考虑下载该图像并从本地URL服务（请务必先检查许可证），如果它从Wikimedia中删除或移动，它将不再为您显示。

您正在从维基百科的媒体查看器中拔出。您需要链接到实际的图像文件。另外，试着增加一点高度。最后，禁用默认边框可能也是您想要的

hr {
  height: 100px;
  border: 0;
  background: url("http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg") no-repeat center center;
}

---

您正在从维基百科的媒体查看器中提取。您需要链接到实际的图像文件。另外，试着增加一点高度。最后，禁用默认边框可能也是您想要的

hr {
  height: 100px;
  border: 0;
  background: url("http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg") no-repeat center center;
}

---

您正在从维基百科的媒体查看器中提取。您需要链接到实际的图像文件。另外，试着增加一点高度。最后，禁用默认边框可能也是您想要的

hr {
  height: 100px;
  border: 0;
  background: url("http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg") no-repeat center center;
}

---

您正在从维基百科的媒体查看器中提取。您需要链接到实际的图像文件。另外，试着增加一点高度。最后，禁用默认边框可能也是您想要的

hr {
  height: 100px;
  border: 0;
  background: url("http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg") no-repeat center center;
}

两个问题

您链接到的图像不是图像URL。实际图像URL为

http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg

即使使用正确的URL，

hr

元素在默认情况下也没有高度。它们只有1像素宽的边框。为了显示图像，您需要为

hr

元素指定一些

高度

例子

hr{
背景：url（“http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg）无重复中心；
高度：100px；
}

两个问题

您链接到的图像不是图像URL。实际图像URL为

http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg

即使使用正确的URL，

hr

元素在默认情况下也没有高度。它们只有1像素宽的边框。为了显示图像，您需要为

hr

元素指定一些

高度

例子

hr{
背景：url（“http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg）无重复中心；
高度：100px；
}

两个问题

您链接到的图像不是图像URL。实际图像URL为

http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg

即使使用正确的URL，

hr

元素在默认情况下也没有高度。它们只有1像素宽的边框。为了显示图像，您需要为

hr

元素指定一些

高度

例子

hr{
背景：url（“http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg）无重复中心；
高度：100px；
}

两个问题

您链接到的图像不是图像URL。实际图像URL为

http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg

即使使用正确的URL，

hr

元素在默认情况下也没有高度。它们只有1像素宽的边框。为了显示图像，您需要为

hr

元素指定一些

高度

例子

hr{
背景：url（“http://upload.wikimedia.org/wikipedia/commons/e/ee/Mark_Twain_photo_portrait%2C_Feb_7%2C_1871%2C_cropped_Repair.jpg）无重复中心；
高度：100px；
}

---

问题在于图像url。如果将照片设置为

的背景图像，你打算怎么做？@Shaggy:这是我找到的第一张有趣的图像；在真实的网站上，我会使用