ホームページ > 記事 > ウェブフロントエンド > HTMLでボタンの色を設定する方法
HTMLでボタンの色を設定する方法
- 青灯夜游オリジナル
- 2021-06-21 17:37:4321621ブラウズ
HTML では、ボタンのボタン要素の style 属性を使用し、「background-color: color value;」スタイルを追加してボタンの背景色を設定し、「color: color value;」スタイルを追加できます。 ;" ボタンのフォントの色を設定するスタイル。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
HTML でボタンの背景色を設定します
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button>按钮1</button> <button style="background-color: #FFC0CB;">按钮2</button> </body> </html>
レンダリング:
説明:
background-color プロパティは、要素の背景色を設定します。
background-color プロパティは、要素の単色を設定します。この色は、要素のコンテンツ、パディング、境界領域を塗りつぶし、要素の境界線の外側の境界まで広がります (ただし、余白は含まれません)。枠線に透明部分（点線枠など）がある場合、その透明部分に背景色が透けて見えます。
HTML でボタンのフォントの色を設定します
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button>按钮1</button> <button style="color: blueviolet;">按钮2</button> </body> </html>
レンダリング:
説明:
color 属性はテキストの色を指定します。
この属性は、要素の前景色 (HTML 表現では要素のテキストの色) を設定します。ラスター イメージは色の影響を受けません。この色は、border-color または別の border-color プロパティによってオーバーライドされない限り、要素のすべての境界線にも適用されます。
推奨チュートリアル: 「html ビデオ チュートリアル 」、「css ビデオ チュートリアル 」
以上がHTMLでボタンの色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。