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

问题描述 投票:0回答:1

我正在建立一个基本的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文件视为背景。但它不会出现。

感谢任何帮助。

html css background-image
1个回答
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>
© www.soinside.com 2019 - 2024. All rights reserved.