今天我们来介绍一下CSS中如何设置背景图片的宽高。在CSS中,我们可以使用background-size属性来设置背景图片的尺寸大小。首先,我们需要在CSS选择器中添加background-image
.mydiv { background-image: url('image.jpg'); }
.mydiv { background-image: url('image.jpg'); background-size: 100px 200px; /* 宽100px,高200px */ }
.mydiv { background-image: url('image.jpg'); background-size: 50% 75%; /* 宽50%,高75% */ }
.mydiv { background-image: url('image.jpg'); background-size: cover; /* 按比例缩放以填充整个容器 */ }
.mydiv { background-image: url('image.jpg'); background-size: contain; /* 按比例缩放以适应整个容器 */ }
粉丝
0
关注
0
收藏
0