如何使用HTML写网页的背景
warning:
这篇文章距离上次修改已过192天,其中的内容可能已经有所变动。
在HTML中设置背景图片,可以使用<body>
标签的style
属性或者通过外部CSS文件。以下是两种方法的示例代码:
方法1:内联样式
<!DOCTYPE html>
<html>
<head>
<title>背景图片示例</title>
</head>
<body style="background-image: url('background.jpg');">
<!-- 页面内容 -->
</body>
</html>
方法2:外部CSS
首先创建一个CSS文件(比如 styles.css
):
/* styles.css */
body {
background-image: url('background.jpg');
}
然后在HTML文件中链接这个CSS文件:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<title>背景图片示例</title>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
在这两个示例中,background.jpg
是背景图片的文件名,需要确保它位于与HTML文件相同的目录中,或者提供正确的路径。
评论已关闭