css - 为标签绘制上半圆

Question

我需要像这样画一个上半圆https://codepen.io/xram/pen/thLsk 但是对于 a 标签，我主要只能使用 css，所以我不能添加 div。有谁知道如何使用 a 链接。

这只适用于 div

  div{
     height:45px;
     width:90px;
     border-radius: 90px 90px 0 0;
     -moz-border-radius: 90px 90px 0 0;
     -webkit-border-radius: 90px 90px 0 0;
     background:green;
  }

Answer 1

你想实现这个吗

a{
  display:block;
     height:45px;
     width:90px;
     border-radius: 90px 90px 0 0;
     -moz-border-radius: 90px 90px 0 0;
     -webkit-border-radius: 90px 90px 0 0;
     background:green;
  
}

<a></a>