這里的30是什么意思,望指點(diǎn)
border-image:url()后的30 repat是什么意思
慕粉18256992339
2016-09-16 20:43:11
TA貢獻(xiàn)361條經(jīng)驗(yàn) 獲得超191個(gè)贊
這個(gè)數(shù)字就是裁剪值,完整的寫是:border-image:url() 30 30 30 30 ?repeat;
這4個(gè)數(shù)字分別對(duì)應(yīng)top,right,bottom,left,用張圖好理解
假設(shè)這張圖的每個(gè)菱形大小都是30*30的,那么數(shù)值30的裁剪線就如圖;
其中四個(gè)邊角位置(紅色菱形)的形狀不發(fā)生改變,藍(lán)色的則按照repeat/ stretch/round進(jìn)行處理
TA貢獻(xiàn)123條經(jīng)驗(yàn) 獲得超103個(gè)贊
repeat 單詞是重復(fù)的意思,那么設(shè)置
no-repeat 不重復(fù)
repeat-x 在橫向重復(fù)平鋪
repeat-y在縱向重復(fù)平鋪
repeat 在橫向和縱向都平鋪
舉報(bào)