在時離不開網(wǎng)頁設(shè)計(jì),而圖片在網(wǎng)頁設(shè)計(jì)中又是不可或缺的組成部分。在主流的網(wǎng)頁排版中一般會使用CSS來控制頁面中圖片的顯示,如平鋪、覆蓋、局部、重復(fù)等操作。如何通過CSS樣式屬性來控制背景圖片的重復(fù)與否,其實(shí)在CSS屬性中可以使用background-repeat來定義背景圖片的重復(fù)屬性。
CSS背景圖片控制屬性:
background-repeat:repeat-x|repeat-y|no-repeat
?repeat-x:圖片在x軸方向上重復(fù)。
?repeat-y:圖片在y軸方向上重復(fù)。
?no-repeat:不平鋪,圖片只顯示一次。
//div背景圖片不重復(fù) <style> .demo{ width:500px;height:600px;margin:0 auto; background-image:url( background-repeat:no-repeat; } </style> <div class="demo"></div>
如上,在類名為'demo'的盒子里添加一個名為'logo.png'的圖片做為背景圖,并通過background-repeat的不重復(fù)屬性'no-repeat'設(shè)置背景圖片不重復(fù)。
- 上一篇:新媒體推廣如何才能運(yùn)營好?
- 下一篇:新媒體營銷推廣如何才能做好?
免費(fèi)咨詢:18838171308