Cómo - Botones de pastillas
Aprende a crear botones de pastillas con CSS.
Cómo crear un botón de píldora
Paso 1) Agregar HTML:
Ejemplo
<button class="button">Pill Button</button>
Paso 2) Agregar CSS:
Agregue esquinas redondeadas a un botón con la border-radius
propiedad:
Ejemplo
.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;
}
Vaya a nuestro tutorial de botones CSS para obtener más información sobre cómo aplicar estilo a los botones.