我正在建立一个基本的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文件视为背景。但它不会出现。
感谢任何帮助。
首先,你应该这样做:
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>