Question

我需要像这样https://codepen.io/xram/pen/thLsk画一个半圈。但对于标签，我只能使用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

你想要实现这个吗？

＆＃13;

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

＆＃13;

<a></a>

＆＃13;

Answer 2

U可以生成块或内联块元素。像这样：

 a{
 display: block;
 (or use inline-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;

}

Answer 3

尝试将display：block添加到您的锚标记。

<style>
a {
   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;
   display: block;
}
</style>
<body>
 <a></a>
</body>

Answer 4

div是块元素

a是内联元素

块元素具有宽度，高度等属性。如果要将这些样式应用于内联元素，请将这些元素设置为display：block并继续。

绘制标签的上半圈

4 个答案: