实例
首先先设置html,body的宽高为100%；如果不设置默认为空，将不显示
收藏
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
html,body{
width: 100%;
height: 100%;
background: url('图片地址') no-repeat center center / 100% 100%;
}
</style>
</head>
<body>
<script>
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
background: url('图片地址') no-repeat center center / 100% 100%;
background缩写解析
url('') 本地图片路径
no-repeat 不填从
center center 上下居中显示
/ 100% 100%; 拉满宽高
运行实例 »
点击 "运行实例" 按钮查看在线实例
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
