小編給大家分享一下css顯示部分圖片的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)公司專注于企業(yè)成都營銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、博羅網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5網(wǎng)站設(shè)計、商城網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為博羅等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

css顯示部分圖片的實現(xiàn)方法：首先在html里創(chuàng)建一個div，用來放背景圖片的；然后為div添加css樣式，并添加背景圖片url；最后添加一個“background-position”的樣式，并為樣式添加適當(dāng)?shù)呢?fù)數(shù)值即可。

css如何只顯示部分圖片？

先在html里創(chuàng)建一個div，用來放背景圖片的。

為div添加css樣式，添加背景圖片url。

刷新頁面，可以看到現(xiàn)在是整張圖片都顯示的。

假設(shè)我們現(xiàn)在需要只顯示圖片中人物的頭像部分，我們需要修改圖片的長度和寬度，設(shè)置為頭像部分的大小，70元素左右。

然后添加一個background-position的樣式，為樣式添加適當(dāng)?shù)闹怠Ｗ⒁獾氖沁@個值是負(fù)數(shù)的，不同的值會顯示圖片的不同部分，大家可以調(diào)整嘗試一下。

重新刷新頁面，可以看到現(xiàn)在是只顯示了圖片上的頭像部分了。

如果是圖片太大，但容器太小，我們要顯示完整的圖片，可以使用background-size的樣式，如圖。

運(yùn)行頁面后，我們的容器上就顯示了完整的背景圖片了，但對圖片進(jìn)行了縮放的。

看完了這篇文章，相信你對css顯示部分圖片的方法有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！