本篇內(nèi)容介紹了“css如何設置圖片平鋪方式”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！
成都網(wǎng)站設計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設公司的關注點不是能為您做些什么網(wǎng)站，而是怎么做網(wǎng)站，有沒有做好網(wǎng)站，給創(chuàng)新互聯(lián)建站一個展示的機會來證明自己，這并不會花費您太多時間，或許會給您帶來新的靈感和驚喜。面向用戶友好，注重用戶體驗，一切以用戶為中心。
在css中，可利用background-repeat屬性設置圖片平鋪方式，當值為“repeat”時可完全平鋪背景，為“repeat-x”時可橫向平鋪，為“repeat-y”時可縱向平鋪，為“no-repeat”時不平鋪（圖像將僅顯示一次）。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css中，可利用background-repeat屬性設置圖片平鋪方式。
background-repeat 屬性定義了圖像的平鋪模式，設置是否及如何重復背景圖像。
background-repeat屬性可以設置四種平鋪模式：
1、值為“repeat”時可完全平鋪背景
repeat ：默認。背景圖像將在垂直方向和水平方向重復。
2、值為“repeat-x”時可橫向平鋪
repeat-x ： 只有水平位置會重復背景圖像
重慶分公司
重慶分公司
div {
width: 500px;
height: 500px;
border: 2px solid red;
background-image: url(img/nz.png);
background-repeat:repeat-x;
}
3、值為“repeat-y”時可縱向平鋪
repeat-y ：只有垂直位置會重復背景圖像
div {
width: 500px;
height: 500px;
border: 2px solid red;
background-image: url(img/nz.png);
background-repeat:repeat-y;
}
4、值為“no-repeat”時則不平鋪
no-repeat：背景圖像將僅顯示一次
div {
width: 500px;
height: 500px;
border: 2px solid red;
background-image: url(img/nz.png);
background-repeat:no-repeat;
}
“css如何設置圖片平鋪方式”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！
