首页 前端知识 css——背景图片 保持比例不变形

css——背景图片 保持比例不变形

2024-04-29 12:04:29 前端知识 前端哥 346 76 我要收藏

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			html{
				height: 100%;
			}
			body{
				/* background: url('img/2.jpg') no-repeat top center;
				background-size: container; */
				background: url('img/1.jpg') no-repeat top center;
				background-size: cover;
			}
		</style>
	</head>
	<body>
		
	</body>
</html>

前者 长边显示出来
后者 短边显示出来

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6408.html
标签
评论
发布的文章

HTML5本地存储

2024-05-06 09:05:10

HTML5和CSS3新特性

2024-04-16 17:04:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!