我是一个初学者并且非常困惑,作为一个 div 标签,当我使用border-radius: 50% 给出相同的宽度和高度时,它总是变成圆形。但是如果我想制作一个圆形按钮,使用标签 a,它不会那样工作。这是我尝试使圆形边框按钮可点击的时候。
.btn {
height: 300px;
width: 300px;
border-radius: 50%;
border: 1px solid red;
}
<a class="btn" href="#"><i class="ion-ios-arrow-down"></i></a>
原文由 pexichdu 发布,翻译遵循 CC BY-SA 4.0 许可协议
对于
div
标签,浏览器已经给出了默认属性display:block
。对于锚标记,浏览器没有显示属性。您需要为其添加显示属性。这就是为什么使用display:block
或 display:block
。它会起作用的。