方法-ピルボタン
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ボタンのチュートリアルにアクセスしてください。