HTMLでボタンの色を変更するにはどうすればよいですか? HTMLボタンタグの使い方の紹介

この記事では、主に HTML ボタンのラベルの色を変更する方法を紹介します。この章はすべて基本的な知識なので、さらに練習してください。一緒にこの記事を始めましょう

まず、ボタンのラベルを紹介します:

ラベルはボタンを定義します。

ボタン要素内にテキストや画像などのコンテンツを配置できます。これが、この要素と input 要素を使用して作成されたボタンの違いです。

コントロールは、 よりも強力な機能と豊富なコンテンツを提供します。 タグと タグの間にあるものはすべて、テキストやマルチメディア コンテンツなどの許容可能な本文コンテンツを含むボタンのコンテンツです。たとえば、ボタンに画像と関連テキストを含めて、それらを使用してボタン内に魅力的なマークアップ画像を作成できます。

唯一禁止されている要素は画像マッピングです。これは、マウスとキーボードに依存する操作がフォーム ボタンの動作を妨げるためです。

ボタンには必ず type 属性を指定してください。 Internet Explorer のデフォルトのタイプは「ボタン」です​​が、他のブラウザ (W3C 仕様を含む) のデフォルトは「送信」です。

注: HTML フォームで button 要素を使用する場合、ブラウザーごとに送信されるボタンの値も異なります。 HTML フォームにボタンを作成するには、input 要素を使用してください。

ここまで紹介したところで、htmlボタンタグについて理解を深めていきましょう。

それでは、HTML でボタンの色を変更する方法を見てみましょう:

<button>
php中文网
</button>

これは、図に示すように、最も単純なボタンです:

この単純なボタンは誰もが知っているはずだと思います。それでは、見てみましょう見てください。いくつかのスタイルの色を追加するコード例を見てください:

<button type="button" class="btn"  style="background-color: #7ED321;width: 76px;height: 36px;color: #FFFFFF">
php中文网
</button>

これは、いくつかの単純な属性などを追加し、スタイルを変更して、今どのように見えるかを確認するためのものです:

これです元のスタイルよりもはるかに優れたスタイルを自分で追加することもできます。

それではボタンラベルの属性紹介を見ていきましょう

これは皆さんがコードを入力する際に​​必要な属性を忘れないようにするためです

以上がこの記事の内容の全てだと思います。ボタンのラベルの色は変更できます。これらは最も基本的なアプリケーションです。一度学習すると、今学習していることは何の役にも立たないと感じるでしょう。ご質問がございましたら、以下にメッセージを残してください。

【編集者のおすすめ】

HTMLマーキータグで画像のスクロールを設定するには？マーキータグの画像スクロールコード例

HTMLでフォントの色を設定するには? CSSで文字の色を設定する方法を紹介

以上がHTMLでボタンの色を変更するにはどうすればよいですか? HTMLボタンタグの使い方の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。