1.新建drawable资源文件
首先在drawable文件下新建一个radius_border.xml文件，在创建之前先来了解下各个属性的作用

solid : 背景填充
corners ：圆角 (可单独设置圆角）
stroke ：边框（可设置边框宽度和颜色）
padding ：内边距
gradient ：渐变色（背景）
size ：大小

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/white"/>
    <!--  圆角 <corners android:radius="15dp"/>-->
    <corners
        android:topRightRadius="15dp"
        android:bottomRightRadius="15dp"
        android:bottomLeftRadius="15dp"
        android:topLeftRadius="15dp"/>
    <stroke android:width="1dp" android:color="#eeeeee"/>
</shape>

2. 使用
   可以通过设置backgroud="@drawable/radius_border"来使用

项目场景：

渐变圆角边框

问题描述：

无法给一个圆角的div加上渐变的边框

border-image 存在缺陷不支持圆角
使用完 border-image 之后，border-radius 设置是无效的，达不到圆角的效果

解决方案：

background-image/background-clip

 <div class="outBor">
        <div class="content">
            <span>内容区域</span>
        </div>
    </div>
  

html,body{
        background-color: rgb(51, 50, 50);
    }
    .outBor{
        width: 360px;
        height: 150px;
        padding: 1px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
       background-color: transparent;
       box-sizing:border-box;
         /* 这里需要设置两个背景，第一个背景是内容区域的背景，另一个是实现渐变边框的背景 */
       background-image: linear-gradient(100deg,rgba(29,39,34,0.8)0.94%,rgba(54,87,79,0.8) 94.7%),linear-gradient(to bottom right,  #0fd850, #f9f047);
       border-radius: 12px;
        /* 背景裁切的时候，第一个背景需要从内容区域开始裁切，因此设置为content-box；
        第二个背景需要作为渐变边框，因此需要从边框处开始裁切 */
       background-clip: content-box,padding-box;
    }
    .content{
        width: 359px;
        height: 148px;
        padding:15px;
        color: #f1f1ee;
        display: flex;
        justify-content: center;
        align-items: center;
    }