日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

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

成都創(chuàng)新互聯(lián)成都網(wǎng)站建設(shè)按需求定制設(shè)計(jì)，是成都網(wǎng)站營(yíng)銷(xiāo)公司,為木托盤(pán)提供網(wǎng)站建設(shè)服務(wù),有成熟的網(wǎng)站定制合作流程，提供網(wǎng)站定制設(shè)計(jì)服務(wù)：原型圖制作、網(wǎng)站創(chuàng)意設(shè)計(jì)、前端HTML5制作、后臺(tái)程序開(kāi)發(fā)等。成都網(wǎng)站制作熱線：13518219792

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

css如何只顯示部分圖片？

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

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

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

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

然后添加一個(gè)background-position的樣式，為樣式添加適當(dāng)?shù)闹?。注意的是這個(gè)值是負(fù)數(shù)的，不同的值會(huì)顯示圖片的不同部分，大家可以調(diào)整嘗試一下。

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

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

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

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

文章題目：css顯示部分圖片的方法-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)URL：http://www.dlmjj.cn/article/dgpdcj.html