HTMLでボタンの色を設定する方法-htmlチュートリアル-php.cn

HTMLでボタンの色を設定する方法

青灯夜游

リリース： 2021-06-21 17:37:43

オリジナル

21706 人が閲覧しました

HTML では、ボタンのボタン要素の style 属性を使用し、「background-color: color value;」スタイルを追加してボタンの背景色を設定し、「color: color value;」スタイルを追加できます。 ;" ボタンのフォントの色を設定するスタイル。

HTMLでボタンの色を設定する方法

このチュートリアルの動作環境: 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>

ログイン後にコピー

レンダリング:

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>

ログイン後にコピー

レンダリング:

HTMLでボタンの色を設定する方法