CSS3提供了許多新的重復(fù)屬性,使網(wǎng)頁設(shè)計更加豐富多彩。下面介紹幾種常用的重復(fù)屬性。
/* 重復(fù)圖片 */ background-image: url("img/bg.png"); background-repeat: repeat; /* 水平和垂直方向重復(fù) */ /* 重復(fù)圖片(水平方向不重復(fù)) */ background-image: url("img/bg.png"); background-repeat: repeat-y; /* 僅垂直方向重復(fù) */ /* 重復(fù)圖片(垂直方向不重復(fù)) */ background-image: url("img/bg.png"); background-repeat: repeat-x; /* 僅水平方向重復(fù) */ /* 默認(rèn)不要重復(fù),拉伸鋪滿 */ background-image: url("img/bg.png"); background-repeat: no-repeat; /* 重復(fù)圖片(平鋪)并調(diào)整間距 */ background-image: url("img/bg.png"); background-repeat: space; /* 平鋪,調(diào)整間距 */ /* 重復(fù)圖片(平鋪)并拉伸 */ background-image: url("img/bg.png"); background-repeat: round; /* 平鋪,拉伸圖片 */
通過以上屬性可以實現(xiàn)不同的背景圖案效果,但需要注意的是,圖片素材的大小和間距設(shè)置需要根據(jù)實際需要來調(diào)整。
除了背景圖片的重復(fù),CSS3還提供了文字重復(fù)和邊框重復(fù)等屬性,可以使網(wǎng)頁設(shè)計更加獨(dú)特。大家可以根據(jù)具體需求來選擇合適的重復(fù)屬性,讓網(wǎng)頁設(shè)計更加出色。
上一篇css上傳到哪里