border-left with color覆盖border-radius？

Question

我有一个带有CSS属性的表格td：

<div id="basso">
    <a href="#" id="freccia">
        <span id="bottom"></span>
    </a>
</div>

我希望左边框呈圆形和红色。但是，当我尝试给它一个颜色时，似乎边缘半径不会出现在左侧。

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

Answer 1

只需交换订单即可解决此问题：

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

这是因为border-left:会将所有内容设置为默认值，包括半径。

Answer 2

因为您的border-left小于半径。如果你的边缘半径4 pc和border-left 5 px。你不会看到它。使你的半径大于边界左边。 例如

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