border-image

            
            /* 示例代码 */
body {
    text-align: center;
}
i {
    color: #777;
}

div{
  border-image:linear-gradient(to right, red, blue) 1 1 1 1;
  border-width:5px;
  border-style:solid;
  width:200px;
  height:70px;
  padding:10px;
  background:#eee;
  margin:50px auto;
}
        

            
            // 示例代码
console.log("Hello 笔.COOL 控制台")