CSS 实现左右渐变边框效果 - 使用 border-image-source

以下代码实现了一个左右渐变的边框效果：

border: 1px solid;
border-image-source: linear-gradient(90.46deg, #18B1A8 0.3%, rgba(24, 177, 168, 0) 52.82%);

• border: 1px solid; 设置边框为 1 像素宽的实线边框。

• border-image-source: linear-gradient(90.46deg, #18B1A8 0.3%, rgba(24, 177, 168, 0) 52.82%); 设置边框的图片源为一个渐变线性背景。渐变方向为 90.46 度（可根据需要调整），起始颜色为 #18B1A8，结束颜色为 rgba(24, 177, 168, 0)。渐变的起始位置为 0.3% 处，结束位置为 52.82% 处。

注意：为了边框能够显示出来，需要确保元素有足够的宽度和高度，并且设置了 display: block; 或者 display: inline-block; 等属性。