問(wèn)題描述

如上圖所示想實(shí)現(xiàn)這種彩色邊框，聽(tīng)人說(shuō)CSS3能實(shí)現(xiàn)，麻煩有做過(guò)的給個(gè)簡(jiǎn)單demo、O(∩_∩)O謝謝

問(wèn)題解答

第一個(gè)參數(shù)是邊框向內(nèi)偏移，第二個(gè)是邊框?qū)挾?/b>

border-image: -webkit-linear-gradient( red, blue, yellow, black, white, green) 1 1;

如果只是兩邊的話(huà)，這個(gè)就可以，上下左右的話(huà)就加個(gè)旋轉(zhuǎn)吧，如果全部的話(huà)就再加一個(gè)然后旋轉(zhuǎn)加邊框透明或者直接一張圖解決。