css背景圖片的平鋪方式怎么設置?用background-repeat屬性


css背景圖片的平鋪方式怎么設置?用background-repeat屬性,用英文小寫符號:連接background-repeat屬性的值即可,寫法如下:

background-repeat:;

background-repeat屬性設置是否及如何重復背景圖像,默認情況下,背景圖像在水平和垂直方向上會自動重復。

當你需要調整背景圖片的平鋪方式時,只需要修改這個【】即可,background-repeat屬性的值具體如下:

描述
repeat 默認。背景圖像將在垂直方向和水平方向重復。
repeat-x 背景圖像將在水平方向重復。
repeat-y 背景圖像將在垂直方向重復。
no-repeat 背景圖像將僅顯示一次。
inherit 規定應該從父元素繼承 background-repeat 屬性的設置。

background-repeat: repeat

repeat翻譯成中文就是”重復“的意思,默認情況下,背景圖像在水平和垂直方向上會自動重復,就算你不寫上這個值background-repeat: repeat。效果如圖:

背景圖像在水平和垂直方向上會自動重復圖示

background-repeat: no-repeat

no-repeat就是”不重復“的意思,當你寫上這個值background-repeat: no-repeat,背景圖像就只出現一次。效果如圖:

背景圖像只出現一次圖示

background-repeat: repeat-x

repeat-x意思是在水平方向上重復,當你寫上這個值background-repeat: repeat-x,背景圖像就會在水平方向上重復。

background-repeat: repeat-y

repeat-y意思是在垂直方向上重復,當你寫上這個值background-repeat: repeat-y,背景圖像就會在垂直方向上重復。

如果你想要改變背景圖片的位置怎么辦呢?詳情點擊:《css怎么設置背景圖片的位置?用background-position屬性》。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/css/8068.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: