html - 为什么我的边框不圆 Angular ？

Question

我正在尝试制作简单的按钮。简单的。然而，由于某种原因，它们不会使轮廓的 Angular 变圆。这就是我的 HTML 和 CSS

<a class="login-worker" href="">LOG IN AS A WORKER</a>
<a class="login-user" href="">LOG IN AS A USER</a>

.login-worker,
.login-user {
    font-size: 22px;
    font-weight: 600;
    outline: 3px solid #000000;
    margin: 5px;
    text-decoration: none;
    color: #000000;
    padding: 20px;
    padding-right:75px;
    padding-left:75px;
    position: relative;
    border-radius: 5px;
    background-color: #248FD4;

Answer 1

使用 border: solid 2px #000; 而不是轮廓。

Example here

.login-worker,
.login-user {
    display: block;
    font-size: 22px;
    font-weight: 600;
    border: solid 2px #000;
    margin: 5px;
    text-decoration: none;
    color: #000000;
    padding: 20px;
    padding-right:75px;
    padding-left:75px;
    position: relative;
    border-radius: 5px;
    background-color: #248FD4;
}