<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>设置背景尺寸大小 background-size 属性</title>
</head>
<body>
<style>
div{
width:500px;
height:500px;
/* 调整背景图的大小:
background-size:第一个值是宽度，第二个值是高度
background-size:200px 200px; 表示宽200像素，高200像素
支持百分比
background-size:100% 200px; 表示保持横向拉伸填满盒子，图片的高度调整为200像素*/
background-size:100% 200px;
background-color:#abcdef;
background-image:url(./img/5.jpg);
background-repeat:no-repeat;
}
</style>
<div>
背景background相关属性
</div>
</body>
</html>
以上代码中，我们将图片尺寸设置为宽拉伸填满盒子，高为200像素，其它组合同理，大家可以自己测试一下。
显示效果如下：
|
窥视卡
雷达卡
发表于 2023-1-31 21:13:26
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-16 17:02:04
