今天就跟大家聊聊有關(guān)怎么使用background-repeat ,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
成都創(chuàng)新互聯(lián)致力于做網(wǎng)站、成都做網(wǎng)站,成都網(wǎng)站設(shè)計(jì),集團(tuán)網(wǎng)站建設(shè)等服務(wù)標(biāo)準(zhǔn)化,推過(guò)標(biāo)準(zhǔn)化降低中小企業(yè)的建站的成本,并持續(xù)提升建站的定制化服務(wù)水平進(jìn)行質(zhì)量交付,讓企業(yè)網(wǎng)站從市場(chǎng)競(jìng)爭(zhēng)中脫穎而出。 選擇成都創(chuàng)新互聯(lián),就選擇了安全、穩(wěn)定、美觀的網(wǎng)站建設(shè)服務(wù)!
background-repeat屬性設(shè)置是否及如何重復(fù)背景圖像,也就是定義了圖像的平鋪模式。默認(rèn)地,背景圖像在水平和垂直方向上重復(fù)。
background-repeat屬性的設(shè)置從原圖像開(kāi)始重復(fù),原圖像由background-image定義,并根據(jù)background-position的值放置。
注意:背景圖像的位置是根據(jù)background-position屬性設(shè)置的。如果未規(guī)定background-position屬性,圖像會(huì)被放置在元素的左上角。
下面我們就來(lái)看具體的示例
效果如下:橫向平鋪,因?yàn)闆](méi)有設(shè)置background-position,所以圖像是從左上角開(kāi)始重復(fù)的。
如果你想要縱向平鋪,你可以設(shè)置background-repeat: repeat-y;,從特定位置平鋪可以設(shè)置background-position屬性。
看完上述內(nèi)容,你們對(duì)怎么使用background-repeat 有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。