如何创建具有圆角的锚点？

Question

我指的锚点在上面我了解如何创建带有 border-raidus 的圆角，但不像上面的锚点。

Answer 1

你必须使用border-radius. 但问题是不使用百分比，而是使用元素高度的一半，px或其他单位，如em或rem。

这是一些可以帮助您的示例代码。

.anchor {

    width: 120px;

    height: 50px;

    border-radius: 25px;

    background: red;

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

}

<div class="anchor">Contact</div>