Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menetapkan tr dalam css

Bagaimana untuk menetapkan tr dalam css

PHPz
PHPzasal
2023-04-13 10:26:441557semak imbas

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.

  1. Tetapkan warna latar belakang

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.

  1. Tetapkan sempadan

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.

  1. Tetapkan penjajaran

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.

  1. Tetapkan gaya dan warna fon

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.

  1. Tetapkan gaya lain

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!

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