随码网随码网

使用css的background属性把图片铺满整个div,超出部分隐藏

使用css的background属性把图片铺满整个div,超出部分隐藏

要实现将背景铺满整个 <div> 元素,并隐藏超出部分,可以使用 CSS 的 background-size 属性将背景图片设置为 cover,同时使用 overflow: hidden; 来隐藏超出部分

<div class="container">
  <!-- 内容放在这里 -->
</div>
.container {
  width: 300px; /* 设置容器的宽度 */
  height: 200px; /* 设置容器的高度 */
  background-image: url('your-background-image.jpg'); /* 设置背景图片的URL */
  background-size: cover; /* 将背景图片完全铺满容器并裁剪多余部分 */
  overflow: hidden; /* 隐藏超出容器的部分 */
}

 

未经允许不得转载:免责声明:本文由用户上传,如有侵权请联系删除!

赞 ()

评论