HTMLとCSSを使用してボタンを作成する方法

<button>クリック</button>

上記のコードでは、<button>タグを使用してボタンを作成します。このボタンはデフォルトのスタイルが適用されます。

<button class="custom-button">クリック</button>

.custom-button {
  background-color: blue;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
}

上記のコードでは、class属性を使用してボタンにcustom-buttonというクラスを追加し、CSSでスタイルを定義しています。ボタンの背景色、テキストの色、パディング、ボーダー、ボーダーの半径など、さまざまなスタイルをカスタマイズできます。

これらはHTMLとCSSを使用して基本的なボタンを作成するための簡単な方法です。より高度なボタンスタイルやインタラクティブな機能を追加するためには、JavaScriptなどの他の技術も使用することができます。