css背景透明字体不透明的解决方案

在设计中，我们经常看到有一定透明度深色背景搭配浅色字体的布局，我们一般设置

opacity: 0.3;
background: #D8D8D8;
color:#ffffff;

就会导致字体也有一定的透明度。

解决方案，用css颜色的rgba来解决，将背景色转化为对应的rgb值，然后加上透明度，如下所示：

   background: rgba(261,261,261,0.3);
   color: #FFFFFF;

如何实现弧度+边框背景渐变色

该方法无法实现该功能，想实现这种功能，目前的方式是使用切图

   border-image: linear-gradient(201deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 2 2;
   border-radius: 19px;
   border: 2px solid;

如果背景透明度为1，可以通过叠加两层实现边框渐变+弧度