1、用border的属性，不可以圆角

border-image: linear-gradient( red , blue) 30 30;

2、用background属性，可以圆角

.tableCard {

    height: 50px;

    display: inline-block;

    padding: 1px;   //边框的宽度

    line-height: 50px;

    border-radius: 40px;

    width: 124px;

    background: -webkit-linear-gradient( right, #fff 0%, #fff 100%), -webkit-linear-gradient( right, #99d6ee 0%, #6362e1 100%);

    background-clip: content-box, padding-box;

    margin-top: 50px;

}

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注HTML5/CSS3频道！