這篇文章給大家分享的是有關(guān)怎么用CSS在背景中拉伸和縮放圖像的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

發(fā)展壯大離不開廣大客戶長期以來的信賴與支持，我們將始終秉承“誠信為本、服務(wù)至上”的服務(wù)理念，堅持“二合一”的優(yōu)良服務(wù)模式，真誠服務(wù)每家企業(yè)，認(rèn)真做好每個細(xì)節(jié)，不斷完善自我，成就企業(yè)，實現(xiàn)共贏。行業(yè)涉及隧道混凝土攪拌車等，在成都網(wǎng)站建設(shè)公司、成都全網(wǎng)營銷推廣、WAP手機網(wǎng)站、VI設(shè)計、軟件開發(fā)等項目上具有豐富的設(shè)計經(jīng)驗。

您可以僅使用CSS使用CSSbackground-size: cover;在后臺拉伸和縮放圖像。這樣以盡可能大的比例縮放圖像，以使背景區(qū)域完全被背景圖像覆蓋，同時保留其固有的寬高比。

但是，如果調(diào)整后的背景圖像的寬度或高度相對于元素太大，則部分圖像可能不可見（垂直或水平裁剪）。

讓我們嘗試以下示例，以了解此屬性的基本工作原理：

例試試這個代碼»

感謝各位的閱讀！關(guān)于“怎么用CSS在背景中拉伸和縮放圖像”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！