css设置边边框，左边圆角边框，右边直角边看

在CSS中，你可以通过结合`border-radius`, `border-style`, 和 `border-width`属性来创建一种左右不同风格的边框效果。首先，你需要给元素设置一个圆形边框（左）和一个矩形边框（右）。这里是一个例子：

.box {
    width: 200px;
    height: 100px;
    border-left: 5px solid #ff0000; /* 左侧红色实线边框 */
    border-top-left-radius: 20px; /* 设置左上角为圆角 */
    border-bottom-left-radius: 20px; /* 设置左下角也是圆角 */
    
    border-right: 5px solid black; /* 右侧黑色直线边框 */
    border-top-right-radius: 0; /* 只保留顶部直角 */
    border-bottom-right-radius: 0; /* 只保留底部直角 */
}

在这个例子中，`.box` 元素的左侧有20像素的圆角红边框，右侧则是5像素宽的黑色直角边框。