Rumah >hujung hadapan web >tutorial css >Bagaimana untuk mengubah suai saiz fon elemen td dalam jadual dengan css

Bagaimana untuk mengubah suai saiz fon elemen td dalam jadual dengan css

WBOY
WBOYasal
2021-12-01 18:07:2510316semak imbas

Dalam CSS, anda boleh menggunakan atribut "font-size" untuk mengubah suai saiz fon elemen td dalam jadual Fungsi atribut ini adalah untuk menetapkan saiz fon elemen yang anda perlukan untuk menambah "font-size:" pada elemen td: Font size value;" style sudah memadai.

Bagaimana untuk mengubah suai saiz fon elemen td dalam jadual dengan css

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

Cara mengubah suai saiz fon elemen td dalam jadual dalam css

Dalam css, anda boleh menggunakan atribut saiz fon untuk menetapkan saiz teks jadual. Contoh berikut menerangkan cara menetapkan saiz fon dalam jadual dengan css.

Contohnya adalah seperti berikut:

1 Cipta fail html baharu, bernama test.html, untuk menerangkan cara menetapkan saiz fon dalam jadual dengan css. Buat borang untuk ujian. Tetapkan atribut kelas teg jadual kepada bersendirian.

Bagaimana untuk mengubah suai saiz fon elemen td dalam jadual dengan css

2. Dalam teg css, takrifkan gaya jadual melalui kelas dan takrifkan lebarnya sebagai 250px. Gunakan atribut saiz fon untuk menetapkan saiz teks jadual kepada 30px.

Bagaimana untuk mengubah suai saiz fon elemen td dalam jadual dengan css

Buka fail test.html dalam penyemak imbas untuk melihat kesannya.

Bagaimana untuk mengubah suai saiz fon elemen td dalam jadual dengan css

Ringkasan:

1 Cipta jadual dan tetapkan atribut kelas teg jadual kepada bersendirian.

2. Dalam teg css, tentukan gaya jadual melalui kelas dan tentukan lebarnya sebagai 250px.

3 Dalam teg css, gunakan atribut saiz fon untuk menetapkan saiz teks jadual kepada 30px.

4. Buka fail test.html dalam penyemak imbas untuk menyemak kesannya.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai saiz fon elemen td dalam jadual 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