设置背景图的全铺样式的小技巧

最新推荐文章于 2026-04-03 10:23:30 发布

原创最新推荐文章于 2026-04-03 10:23:30 发布 · 241 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

当前文章被收录于：

前端

13 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种在网页中设置背景图的方法，包括使用html代码将背景图片设置为固定大小并使其不重复显示。通过简单的代码示例展示了如何实现这一效果。

一.设置背景图的小技巧

1. html代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景图样式</title>
		<style>
			body {
				background: url(images/420.jpg) no-repeat;
				background-size:100% 100%;
			    background-attachment: fixed;
			}
		</style>
	</head>
	<body>
	</body>
</html>