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

Question

我正在设置一个基本的 html 站点。我想使用图像作为登录页面的背景。我正在尝试使用 css 内联（我认为这将是最简单的......去图）。

在我的 body 标签中，我有我想要的颜色，"darkkhaki"。但是背景图片的属性没有出现。我已经将我想要的图片上传到我的 flickr 帐户，但是不行。我确实在我的 ST3 window 中注意到右括号以红色突出显示，但我找不到原因。

<!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 页面，而不是图像本身。正确的 url 应该是 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 设置背景图片

Trying to set background image with inline css

html

css

background-image