链接和样式标签



所以我想链接一个css页面到我的html,但这并不适合我。现在我把我的css放进html的样式标签,它也不工作。

我说错了什么。

提前感谢。:)

<!DOCTYPE html>
<html>
<head>
<!-- <link rel="stylesheet" href="BHP.css" > -->
<style>
body {
background-image: url("website_start_powder.jpg");
}
</style>
</head>
<body>
<!-- <div id="start_picture">
<img src="website_start_powder.jpg" alt="powder">
</div> -->
</body>
</html>

你应该注意你的文件夹结构。

如果您将图像文件放在同一级别,则它将运行。

如果你把它放在图像文件夹中,那么你可以使用下面的代码:

body
{
background-image: url("image/website_start_powder.jpg");
}

基本上你必须正确地放置和调用图像文件..

你的正文必须有内容来填充背景。我设置了一个高度,让背景显示出来。点击Run code snippet查看演示

<!DOCTYPE html>
<html>
<head>
<!-- <link rel="stylesheet" href="BHP.css" > -->
<style>
body {
background-image: url("https://img.freepik.com/free-photo/hand-painted-watercolor-background-with-sky-clouds-shape_24972-1095.jpg");
}
</style>
</head>
<body style="height: 100px">
<!-- <div id="start_picture">
<img src="website_start_powder.jpg" alt="powder">
</div> -->
</body>
</html>

最新更新