如何使用CSS使用单个div创建类似按钮的结构

Question

有没有办法使用单个div来创建类似的内容？

Answer 1

以下是与

匹配的示例

#rcorners1 {
  border-radius: 25px;
  background: blue;
  width: 200px;
  height: 100px;  
  border: 5px solid;
  border-right-color: red;
  border-left-color: red;
  border-top-color: green;
  border-bottom-color: green;
}

<div id="rcorners1"></div>