如何在 html 中添加背景图像以及背景颜色(1)

📌 相关文章

📜 如何在 html 中添加背景图像以及背景颜色(1)

📅 最后修改于: 2023-12-03 14:52:19.220000 🧑 作者: Mango

如何在 HTML 中添加背景图像以及背景颜色

添加背景图像

在 HTML 中添加背景图像，需要使用 background-image 属性。

<!DOCTYPE html>
<html>
<head>
	<title>添加背景图像</title>
	<style>
		body {
			background-image: url('image.jpg');
			background-repeat: no-repeat;
			background-size: cover;
		}
	</style>
</head>
<body>
	<!-- 页面内容 -->
</body>
</html>

background-image 属性指定要用作背景的图像的 URL。
background-repeat 属性指定是否在水平方向和垂直方向上平铺图像。
background-size 属性指定背景图像的大小。

添加背景颜色

在 HTML 中添加背景颜色，需要使用 background-color 属性。

<!DOCTYPE html>
<html>
<head>
	<title>添加背景颜色</title>
	<style>
		body {
			background-color: #f2f2f2;
		}
	</style>
</head>
<body>
	<!-- 页面内容 -->
</body>
</html>

background-color 属性指定要用作背景的颜色。可以使用颜色名称、RGB 值、十六进制值等方式指定颜色。

以上就是在 HTML 中添加背景图像以及背景颜色的方法。