CSS是一種非常強(qiáng)大的樣式語言,它可以幫助我們掌控頁面的布局、顏色、字體等樣式效果。其中,設(shè)置背景圖是CSS中常用的一種樣式,但有時(shí)候我們需要禁止背景圖平鋪。
body { background-image: url(./background.jpg); background-repeat: no-repeat; /* 禁止重復(fù)平鋪 */ background-size: cover; /* 擺放方式:拉伸填滿 */ }
如上所示,在CSS中設(shè)置背景圖的時(shí)候,加上“background-repeat: no-repeat;”這一聲明,便可以去除背景圖的平鋪效果。同時(shí)在加上“background-size: cover;”這一聲明后,CSS會(huì)自動(dòng)將背景圖拉伸至整個(gè)頁面,不留空白,非常方便實(shí)用。
當(dāng)然,還有不少其他的擺放方式和選項(xiàng)可以進(jìn)行設(shè)置,比如“background-position”可以設(shè)置背景圖的起始位置,而“background-attachment”則可以設(shè)置背景圖是否隨著頁面滾動(dòng)而移動(dòng)等。
總之,在CSS中禁止背景圖平鋪是一個(gè)很簡單、但又非常實(shí)用的小技巧。大家可以根據(jù)自己的需要以及頁面設(shè)計(jì),來靈活運(yùn)用這些CSS樣式,創(chuàng)建出更美觀、更具有個(gè)性化的網(wǎng)站。