第二個(gè)參數(shù)
第二個(gè)參數(shù)具體是啥意思?應(yīng)該是四個(gè)角切圖的大小吧?可是為什么將第二個(gè)參數(shù)改大后,border會(huì)變細(xì)啊?
予爾心安
2014-12-12
2 回答
舉報(bào)
0/150
提交
取消
2015-05-19
@予爾心安 ?謝謝你提供的鏈接，看了之后基本上懂了
2014-12-12
3、剪裁特性。如果您對(duì)CSS中clip屬性(clip:rect(auto, auto, auto, auto))比較了解，則這里理解就會(huì)輕松些。clip可以說(shuō)是CSS中一個(gè)明目張膽的剪裁屬性，而此處的屬性雖然表意上不是剪裁，但是在border-image效果的實(shí)現(xiàn)上來(lái)說(shuō)，就好像是個(gè)剪裁工具，把邊框圖片四分五裂，再重新安置，變形。其有1~4個(gè)參數(shù)，其方位規(guī)則符合CSS普遍的方位規(guī)則（與margin，padding等或border-width一致），上右下左順時(shí)針，再賦予剪裁的含義，舉個(gè)簡(jiǎn)單的例子，前面提到，支持百分比寬度，所以這里“30% 35% 40% 30%的”示意可以用下圖表示：
看圖說(shuō)話就是，離圖片上部30%的地方剪裁一下，在右邊35%的地方剪裁一下，在離底部40%的地方裁剪一下，在距左邊30%的地方也剪裁一下。于是總共對(duì)圖片進(jìn)行了“四刀切”，形成了九個(gè)分離的區(qū)域，這就是九宮格，這是下面深入講解border-image的基礎(chǔ)。
摘自:http://www.wqcms.com/html/c31/2012-06/3381.html
自己百度到了....