ホームページ  >  記事  >  ウェブフロントエンド  >  HTML ドロップダウン メニューのテキストを小さくする方法

HTML ドロップダウン メニューのテキストを小さくする方法

青灯夜游
青灯夜游オリジナル
2022-01-21 14:06:574028ブラウズ

HTML では、font-size 属性を使用して、ドロップダウン メニューのテキストを小さくすることができます。この属性の機能は、フォント サイズを設定することです。追加する必要があるのは、「font-size」だけです。 : value px;" をドロップダウン メニュー要素に追加します。"スタイルで十分です。

HTML ドロップダウン メニューのテキストを小さくする方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

HTML でドロップダウン メニューを作成する

<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	</head>

	<body>
		<select id="select">
			<option value="volvo">Volvo</option>
			<option value="saab">Saab</option>
			<option value="opel">Opel</option>
			<option value="audi">Audi</option>
		</select>
	</body>

</html>

HTML ドロップダウン メニューのテキストを小さくする方法

ドロップダウン メニューのテキストを小さくする

select {
	font-size: 10px;
}

HTML ドロップダウン メニューのテキストを小さくする方法

関連する推奨事項: 「html ビデオ チュートリアル

以上がHTML ドロップダウン メニューのテキストを小さくする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。