所以我想链接一个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>