在网页设计中,CSS(层叠样式表)是用来设置网页样式的一种技术。其中,背景图片的设置是很常见的一个操作,在这里介绍如何使用CSS设定背景图片的宽高。
CSS中设定背景图片的宽高,需要使用“background-size”属性。例如:
background-size: 100px 50px;
上面的代码表示设置背景宽为100像素,高为50像素。
当然,除了使用像素作为单位,也可以使用百分比。例如:
background-size: 50% 100%;
上面的代码设置了背景宽为窗口宽度的50%,高为窗口高度的100%。
在实际的开发中,还可以使用“cover”或“contain”关键字。这两个关键字可以让图片缩放以适应容器大小,其中,“cover”可以让图片铺满整个容器,可能会裁剪图片,而“contain”则可以让图片全部显示,可能会留有空白部分。
例如:
background-size: contain;
上面的代码表示让背景图片等比例缩放以适应容器大小,让图片全部显示。
总之,使用CSS来设定背景图片的宽高,可以让网页设计更加灵活,达到更好的效果。

