正常的样式:
border: 2px transparent solid;
border-image: linear-gradient(to right, #6D4507, #A77F3F, #E1CA92, #A77F3F) 1 10;
如果出现ios兼容问题
使用下面这个样式:
border: 2px solid #ddd;
border-image: -webkit-linear-gradient(to right,#6D4507, #A77F3F,#E1CA92, #A77F3F) 1 10;
border-image: linear-gradient(to right,#6D4507, #A77F3F,#E1CA92, #A77F3F) 1 10;
圆角渐变边框:
width: 250px;
height: 100px;
background-image: linear-gradient(#fff,#fff),linear-gradient(to bottom right,#6D4507,
#A77F3F,#E1CA92, #A77F3F);
padding: 2px;
border-radius: 100px;
background-clip: content-box,padding-box;
背景渐变:
background:linear-gradient(90deg,rgba(83,128,220,1) 0%,rgba(65,102,178,1) 100%);
背景阴影
box-shadow: 0px 3px 6px 1px rgba(0, 131, 205, .2);