带颜色的border-left覆盖border-radius？

Question

我有CSS属性表TD：

border-radius: 4px; 
border-left: 5px solid red; 

我想左边框为圆角和红色。但是，当我试图给它一个颜色时，似乎边界半径不会出现在左侧。

解决此问题的最佳方法是什么？

Answer 1

只需调换顺序会解决这个问题：

border-left: 5px solid red; 
border-radius: 4px; 

这是因为border-left:将一切都设置为默认值，包括半径。

Answer 2

因为您的左边界小于半径。如果你gove边界半径4个电脑和边界左5个像素。它对您而言不可见。使您的半径大于边界左侧。 例如

<div class="a"> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur ea dicta perferendis, error qui, nisi labore cupiditate aspernatur et, recusandae nemo itaque aliquid velit sint voluptatum alias hic amet omnis. 
</div> 

.a{ 
    border-left: 5px solid red; 
    border-radius: 3px; 
}