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;}

实现该样式:尺寸大小可自由调整修改
<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;}