CSSでボタンの文字サイズを設定する方法-フロントエンドQ&A-php.cn

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

青灯夜游

リリース： 2022-01-20 18:54:51

オリジナル

7799 人が閲覧しました

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でボタンの文字サイズを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます