CSS3中的邊框漸變可以實(shí)現(xiàn)邊框會(huì)色、線性漸變、徑向漸變，相對(duì)于傳統(tǒng)的背景漸變，邊框漸變使用更加靈活。

/* 線性漸變 */
border: 5px solid;
border-image: linear-gradient(to bottom, #f00, #00f);
/* 徑向漸變 */
border: 5px solid;
border-image: radial-gradient(circle, #f00, #00f);
/* 多重漸變 */
border: 5px solid;
border-image: linear-gradient(to bottom, #f00, #00f), 
radial-gradient(circle, #f00, #00f);
/* 邊框角落設(shè)置漸變 */
border-top-left-radius: 10px;
border-image: linear-gradient(to bottom, #f00, #00f) 1 1;

邊框漸變要求瀏覽器支持CSS3，因此需要注意兼容性。

使用border-image-source、border-image-slice、border-image-width、border-image-outset屬性可以對(duì)邊框漸變做更加詳細(xì)的控制，實(shí)現(xiàn)更加多變的效果。