網(wǎng)站建設(shè)技術(shù)分享:網(wǎng)頁設(shè)計中背景圖片重復的技巧
2023-10-11 22:55 作者:bili_47741569589 | 我要投稿
在建企業(yè)網(wǎng)站時離不開網(wǎng)頁設(shè)計,而圖片在網(wǎng)頁設(shè)計中又是不可或缺的組成部分。在主流的網(wǎng)頁排版中一般會使用CSS來控制頁面中圖片的顯示,如平鋪、覆蓋、局部、重復等操作。如何通過CSS樣式屬性來控制背景圖片的重復與否,其實在CSS屬性中可以使用background-repeat來定義背景圖片的重復屬性。
CSS背景圖片控制屬性:
background-repeat:repeat-x|repeat-y|no-repeat
?repeat-x:圖片在x軸方向上重復。
?repeat-y:圖片在y軸方向上重復。? ?
?no-repeat:不平鋪,圖片只顯示一次。
//div背景圖片不重復 <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的不重復屬性'no-repeat'設(shè)置背景圖片不重復。
標簽: