gpt4 book ai didi

html - CSS 样式表未链接到 html

转载 作者:太空宇宙 更新时间:2023-11-04 09:49:42 25 4
gpt4 key购买 nike

所以我正在尝试为我的 html 页面的背景图像使用样式表。它只是没有链接或只是不工作。 (是的,html 和 css 文件都在同一个目录/文件夹中)。

这是我用过的代码

<html>
<head>
<link href="stylesheet1.css" rel="stylesheet" type="text/css">
<body>
<center> <p style="border:1px solid white; padding:15px; color:blue; font-family:courier; font-size:200%;"> Welcome
</body>
</head>
</html>

然后样式表代码本身包含它。甚至在链接类型中,我也尝试过使用/png/image。

body {
background-image: url("image-name-here.png");
backgound-repeat: no-repeat;
background-position: center top;
}

是的,我已经尝试用 head 替换标签主体。

最佳答案

您在 background-repeat 中有拼写错误, 你拼写为 backgound-repeat .此外,如果您还没有,则需要有一个 <body></body>。 HTML 中的标记。

更新HTML

<!DOCTYPE html>
<html>
<head>
<link href="stylesheet1.css" rel="stylesheet" type="text/css">
...
</head>
<body>
...
</body>
</html>

CSS,

修复样式表中的错误,

body {
background-image: url("image-name-here.png");
background-repeat: no-repeat;
background-position: center top;
}

关于html - CSS 样式表未链接到 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39197958/

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