Jak na to - tlačítka na pilulky
Naučte se vytvářet tlačítka pro pilulky pomocí CSS.
Jak vytvořit tlačítko pilulky
Krok 1) Přidejte HTML:
Příklad
<button class="button">Pill Button</button>
Krok 2) Přidejte CSS:
Přidejte zaoblené rohy k tlačítku s border-radius
vlastností:
Příklad
.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;
}
Přejděte do našeho výukového programu pro tlačítka CSS , kde se dozvíte více o tom, jak stylovat tlačítka.