Como fazer - Botões de pílula
Aprenda a criar botões de pílula com CSS.
Como criar um botão de pílula
Etapa 1) Adicionar HTML:
Exemplo
<button class="button">Pill Button</button>
Etapa 2) Adicionar CSS:
Adicione cantos arredondados a um botão com a border-radius
propriedade:
Exemplo
.button {
background-color: #ddd;
border: none;
color: black;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px
2px;
cursor: pointer;
border-radius: 16px;
}
Acesse nosso Tutorial de Botões CSS para saber mais sobre como estilizar botões.