Question

我正在建立一个基本的html网站。我想为目标网页的背景使用图片。我正在尝试使用CSS内联（我认为这将是最简单的...上图）。

在我的身体标签中，我有想要的颜色“ darkkhaki”。但是背景图像的属性没有显示出来。我已将我想要的图像上传到我的flickr帐户，但不能继续。我确实在ST3窗口中注意到，右括号用红色突出显示，但是我找不到原因。

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: darkkhaki;
  background-image: https://www.flickr.com/photos/132197683@N04/33747163168/in/dateposted-public("praetorian_punisher.png");
}

h1 {
  color: red;
  text-align: center;
}

我想将.png文件作为背景。不过还没有。

感谢您的帮助。

Answer 1

首先，您应该这样做：

body {
  background-image: url(...);
}

第二，您要使用的url指向HTML页面，而不是图像本身。正确的网址为https://live.staticflickr.com/65535/33747163168_9f12d3a173_b.jpg。

body {
  background-color: darkkhaki;
  background-image: url(https://live.staticflickr.com/65535/33747163168_9f12d3a173_b.jpg);
}

h1 {
  color: red;
  text-align: center;
}

<h1>Hello!</h1>

尝试使用内联CSS设置背景图片

1 个答案: