在實際開發中，CSS中 border 用了border-image，用border-radius圓角就會失效，所以可以通過偽元素::before或者::after，使用背景線性漸變模擬實現。

.border-test {
	width: 200px;
	height: 200px;
	position: relative;
	border: 4px solid transparent;
	background-color: #fff;
	border-top-right-radius: 50px;
	background-clip: padding-box;
}
.border-test::after {
 

	content: "";
	display: block;
	position: absolute;
	top: -4px;
	right: -4px;
	bottom: -4px;
	left: -4px;
	border-top-right-radius: 50px;
	background: linear-gradient(155deg,red, blue);
	z-index: -1;
}