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