css - 如何将直线边框颜色应用于css中的圆形div

Question

那里。

只是想知道，如何在 css 中为圆形 div 设置直线边框颜色，这里我有一些简单的 tailwindcss。

<div class="rounded-2xl w-72 h-20 border-l-4 border-l-yellow-500">
...
</div>

从上面的代码中，我得到了左黄色边框的结果，这很好，但是由于我应用了 rounded-2xl，边框似乎从内部弯曲。你如何获得直线边框，但仍然使用圆形 div？

对不起，我的英语不好 ：）

标签： css

Answer 1

只需将边框添加到父元素。

<div class="parent-ele w-72 h-20 border-l-4 border-l-yellow-500">
   <div class="rounded-2xl">
   </div>
</div>
```