ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLでボタンの色を変更するにはどうすればよいですか? HTMLボタンタグの使い方の紹介

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

寻∝梦
リリース: 2018-09-04 14:50:00
オリジナル
39079 人が閲覧しました

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

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

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

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

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

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

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

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

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

<button>
php中文网
</button>
ログイン後にコピー

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

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

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

<button type="button" class="btn"    style="max-width:90%">
php中文网
</button>
ログイン後にコピー

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

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

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

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

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

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

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

【編集者のおすすめ】

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

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート