這篇文章將為大家詳細講解有關(guān)如何在css中設(shè)置圖片不平鋪,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。
為惠民等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務,及惠民網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務為成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、惠民網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務,秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言,主要是用來設(shè)計網(wǎng)頁的樣式,使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言,并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件中,而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結(jié)構(gòu)決定,從而實現(xiàn)級聯(lián)效果,發(fā)展至今,css不僅能裝飾網(wǎng)頁,也可以配合各種腳本對于網(wǎng)頁進行格式化。
css設(shè)置圖片不平鋪的方法:
css可以使用background-repeat
屬性設(shè)置圖片不平鋪。
屬性值:
repeat:沿水平豎直兩個方向平鋪,這也是默認值
no-repeat:不平鋪,即只顯示一次
repeat-x:只沿水平方向平鋪
repeat-y:只沿豎直方向平鋪
背景圖像的位置是根據(jù) background-position 屬性設(shè)置的。如果未規(guī)定 background-position 屬性,圖像會被放置在元素的左上角。
示例:
設(shè)置圖片不平鋪
hello word
效果圖:
關(guān)于如何在css中設(shè)置圖片不平鋪就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。