Как сделать - Кнопки таблетки
Узнайте, как создавать кнопки-таблетки с помощью CSS.
Как создать кнопку-таблетку
Шаг 1) Добавьте HTML:
Пример
<button class="button">Pill Button</button>
Шаг 2) Добавьте CSS:
Добавьте закругленные углы к кнопке со border-radius
свойством:
Пример
.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;
}
Перейдите к нашему учебнику по кнопкам CSS , чтобы узнать больше о том, как стилизовать кнопки.