css——渐变边框

案例展示

在这里插入图片描述

代码

input{
    
    
	height: 79rpx;
	padding: 0 30rpx;
	margin:  0 87rpx;
	margin-bottom:31rpx;
	border: 1rpx solid transparent;
	border-radius: 6rpx;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	background-image: linear-gradient(to right, #FEF2F5, #FEF2F5), linear-gradient(90deg, #FF544F, #FAD126);
}

猜你喜欢

转载自blog.csdn.net/xulihua_75/article/details/128645244