ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでボタンの文字サイズを設定する方法

CSSでボタンの文字サイズを設定する方法

青灯夜游
青灯夜游オリジナル
2022-01-20 18:54:517808ブラウズ

CSS でボタンのフォント サイズを設定する方法: 1. クラス属性をボタン要素に追加し、属性値を設定します。 2. クラス セレクターを使用してボタン要素を選択し、「フォント」を追加します。 -size: value px;" スタイル。

CSSでボタンの文字サイズを設定する方法

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

css でボタンのフォント サイズを変更する方法

1. まず、ページ上に 2 つのボタンを作成し、クラスクラス For を定義します。比較;

 <body>
   <button type="button" class="btn">字体为20px</button>
   <button type="button" >正常字体</button>
 </body>

2. ボタンを作成した後、css でボタンの幅と高さを設定します;

button{
  width:100px;
  height:60px;
}

3. ボタンの幅と高さを設定した後、 font-size 属性 ボタン内のフォントのサイズを変更できます;

 .btn {
  font-size:20px;
}

効果:

CSSでボタンの文字サイズを設定する方法

(学習ビデオ共有: css ビデオチュートリアル)

以上がCSSでボタンの文字サイズを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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