css中background 中 cover4

在CSS中，background属性用于设置元素的背景。而background-size属性则用于指定背景图片的尺寸。

关于你提到的cover属性值，它可以用来让背景图片铺满整个背景区域，但是可能会导致图片被裁剪。具体来说，如果背景区域的宽高比例和背景图片的宽高比例不一致，那么背景图片可能会被拉伸或压缩以适应背景区域。但是，无论如何都会保持背景图片完全覆盖背景区域，即使只是部分图片被显示出来。

另外，你还提到了contain属性值。这个属性值会保持背景图片的宽高比例，使得整个图片都能显示在背景区域内，但是可能会留有空白区域。

综上所述，cover属性值会让背景图片铺满整个背景区域，但可能会导致图片被裁剪，而contain属性值则会保持图片的完整性，但可能会留有空白区域。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [css中background-size属性cover、contain、100%的含义案例详解](https://blog.csdn.net/wangyining070205/article/details/113805931)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [CSS之Background-size:cover](https://blog.csdn.net/KK_2018/article/details/103388247)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]