CSS中使用背景圖片是很常見的,通過設置background-image屬性即可實現(xiàn)。但是有時候如果不設置背景圖片的大小,會導致圖片展示不完整。那么該怎么設置背景圖片大小才能讓圖片展示完整呢?下面來介紹一下如何將CSS背景圖片設置為100%。
background-image: url("https://example.com/bg.jpg"); background-size: 100% auto;
如上代碼所示,我們需要同時設置background-image和background-size兩個屬性。其中,background-image是背景圖片的url地址,background-size則是設置背景圖片的大小。100%表示寬度和容器大小相同,而auto表示高度自適應。
通過這樣的設置,背景圖片就能夠完整展示了。需要注意的是,實際使用中需要考慮容器大小和背景圖片的比例,否則可能會導致拉伸變形的效果。