css 编写圆角矩形只有左侧一半的样式

实现该样式：尺寸大小可自由调整修改

<div class="abc"></div>


.abc{
	width: 50px;
    height: 300px;
    border: 1px solid red;
    border-right: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
 }