-webkit-text-fill-color: transparent;

邊框漸變：先做一個(gè)白色的小一點(diǎn)的div，然后用偽類做了一個(gè)大一點(diǎn)的彩色的，讓他低一點(diǎn)被蓋住，就會(huì)露出一個(gè)彩色漸變的框，缺點(diǎn)是框內(nèi)是用顏色填充的，不是透明的（這是2.5日），代碼：

.test {position: relative;margin: auto;height: 80px;width: 200px;border-radius: 40px;background-color: #fff;&:before {content: '';background: linear-gradient(to right, red, blue) no-repeat;position: absolute;top: -5px;left: -5px;height: 90px;width: 210px;border-radius: 45px;z-index: -1;}}

然后在2.6日的今天發(fā)現(xiàn)，直接用border-img就可以實(shí)現(xiàn)邊框漸變