在网页开发过程中,我们常常需要使用图片来美化页面,但是有时候我们可能需要对一张图片进行比例缩放以适应页面布局。在这种情况下,我们可以使用CSS中的background-size属性来实现。首先,我们需
div { background-image: url("beach.jpg"); background-repeat: no-repeat; background-position: center; }
div { background-image: url("beach.jpg"); background-repeat: no-repeat; background-position: center; background-size: contain; }
div { background-image: url("beach.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
div { background-image: url("beach.jpg"); background-repeat: no-repeat; background-position: center; background-size: 400px 300px; }
粉丝
0
关注
0
收藏
0