CSS 圆角渐变边框
<div class="contact-box">
<div class="contact-item">联系我们</div>
</div>
.contact-item{
width: 194px;
height: 48px;
border-radius: 20px 20px 20px 20px;
background-color: #000000;
color: #BDBDBD;
font-weight: 500;
font-size: 16px;
text-align: center;
line-height: 48px;
cursor: pointer;
}
border: 1px solid;
width: 194px;
height: 48px;
background: linear-gradient(90deg, rgba(202, 217, 255, 1), rgba(218, 218, 218, 1), rgba(255, 144, 71, 1));
border-radius: 20px 20px 20px 20px;
padding: 1px;/* 边框宽度 */
}