Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menetapkan saiz fon dalam butang dengan css

Bagaimana untuk menetapkan saiz fon dalam butang dengan css

青灯夜游
青灯夜游asal
2022-01-20 18:54:518012semak imbas

Cara menetapkan saiz fon dalam butang dengan css: 1. Tambahkan atribut kelas pada elemen butang dan tetapkan nilai atribut 2. Gunakan pemilih kelas untuk memilih elemen butang dan tambahkan "font -saiz: nilai px;" gaya. Boleh.

Bagaimana untuk menetapkan saiz fon dalam butang dengan css

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Cara menukar saiz fon butang dalam css

1 Mula-mula buat dua butang pada halaman dan tentukan kelas Sebagai perbandingan ;

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

2 Selepas butang dibuat, tetapkan lebar dan tinggi butang dalam css; , gunakan Atribut saiz fon boleh menukar saiz fon dalam butang;

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

Kesan:

 .btn {
  font-size:20px;
}

(Perkongsian video pembelajaran: Bagaimana untuk menetapkan saiz fon dalam butang dengan csstutorial video css

)

Atas ialah kandungan terperinci Bagaimana untuk menetapkan saiz fon dalam butang dengan css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn