Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan tr dalam css
Tetapan CSS <tr>
Elemen
Dalam jadual HTML, elemen <tr>
mentakrifkan baris jadual. CSS boleh digunakan untuk menggayakan elemen <tr>
, seperti warna latar belakang, jidar, penjajaran, dsb.
Gunakan atribut background-color
untuk menetapkan warna latar belakang elemen <tr>
. Berikut ialah contoh:
tr { background-color: yellow; }
Ini akan menukar warna latar belakang semua <tr>
elemen kepada kuning.
Gunakan atribut border
untuk menetapkan sempadan elemen <tr>
. Berikut ialah contoh:
tr { border: 1px solid black; }
Ini akan menambahkan jidar hitam pejal 1 piksel pada semua <tr>
elemen.
Gunakan atribut text-align
untuk menetapkan penjajaran mendatar bagi elemen <tr>
. Berikut ialah contoh:
tr { text-align: center; }
Ini akan menyelaraskan semua <tr>
kandungan elemen secara mendatar.
Gunakan atribut vertical-align
untuk menetapkan penjajaran menegak elemen <tr>
. Berikut ialah contoh:
tr { vertical-align: middle; }
Ini akan menyelaraskan semua <tr>
kandungan elemen secara menegak.
Gunakan atribut color
untuk menetapkan warna fon bagi elemen <tr>
. Berikut ialah contoh:
tr { color: blue; }
Ini akan menjadikan teks dalam semua <tr>
elemen menjadi biru.
Gunakan atribut font-family
dan font-size
untuk menetapkan fon dan saiz teks dalam elemen <tr>
. Berikut ialah contoh:
tr { font-family: Arial; font-size: 14px; }
Ini akan menjadikan teks dalam semua <tr>
elemen Arial bersaiz 14px.
Menggunakan CSS, anda juga boleh menetapkan gaya lain elemen <tr>
, seperti ketinggian, jarak baris, dsb. Berikut ialah beberapa contoh:
tr { height: 50px; /* 设置行高为 50 像素 */ line-height: 50px; /* 设置行距为 50 像素 */ padding: 10px; /* 设置内边距为 10 像素 */ }
Di atas ialah beberapa gaya biasa tetapan CSS untuk elemen <tr>
. Dalam aplikasi sebenar, anda boleh menetapkan setiap <tr>
elemen secara individu mengikut keperluan atau menambah nama kelas pada semua <tr>
elemen dan tetapkan gaya bersama-sama.
Atas ialah kandungan terperinci Bagaimana untuk menetapkan tr dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!