漂亮的圆边？用css？

Question

我可以使用CSS制作漂亮的圆边，例如图中所示的那些吗？

Answer 1

尝试：

gcc (Ubuntu 5.4.0-6ubuntu1~16.04.4) 5.4.0 20160609

#box{

  width:200px;

  height: 50px;


  border :2px solid; 

  border-top-right-radius:20px;

  border-style: dashed;

}