gpt4 book ai didi

html - 如何在单个表格后面有 body 背景图像?

转载 作者:太空宇宙 更新时间:2023-11-04 12:48:18 27 4
gpt4 key购买 nike

这是我的 HTML 代码:

<!DOCTYPE html>
<html lang="en-US">

<head>
<title>EasyP Home Page </title>
<meta charset="UTF-8">
<link rel="stylesheet" href="\Model\styles.css">
</head>

<body>

<form name="input" action="demo_form_action.asp" method="get">
Search: <input type="text" name="key_search">
<input type="submit" value="Submit">
</form>


</body>
</html>

这是我的 CSS:

    style>

body, html {
background-image: url("blue-nature-red-white-balloons-hd-wallpapers.jpg");
background-position: center;
background-size: 1400px 1400px;
}

form {
margin: 0 auto;
width: 300px;
line-height: 700px;
}

</style>

当我使用最新版本的 google chrome 在我的机器上本地打开网页时,背景和 body 的所有样式都被忽略了。但是,该窗体出现并且格式正确。如何保持表格和 body 的风格?我想以这种方式设置它,因为我将向我的 html 页面添加其他元素,例如 Logo 和链接(虽然我停留在这部分)

最佳答案

如果 CSS 规则格式不正确,它将被忽略。

<style>
body, html {
background-image: url("http://whitedove-coding.com/static/whitedove-829.png");
background-position: center;
background-size: 1400px 1400px;
}

form {
margin: 0 auto;
width: 300px;
line-height: 700px;
}

作为外部 CSS,第一条规则的格式不正确 - 从外部 CSS 中删除 html 标签,第一条规则的格式正确。

关于html - 如何在单个表格后面有 body 背景图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26331934/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com