Bagaimana untuk menetapkan warna kotak meja css

WBOY
Lepaskan: 2021-11-26 17:23:23
asal
7293 orang telah melayarinya

Dalam CSS, anda boleh menggunakan atribut "warna sempadan" untuk menetapkan warna kotak jadual Atribut ini digunakan terutamanya untuk menetapkan warna sempadan untuk elemen. Anda hanya perlu menambah "warna sempadan : nilai warna; "Gaya sudah memadai.

Bagaimana untuk menetapkan warna kotak meja css

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

Cara untuk menetapkan warna kotak jadual dalam css

Dalam css, anda boleh menggunakan atribut warna sempadan untuk menetapkan sempadan warna meja meja.

sifat warna sempadan menetapkan warna empat sempadan. Hartanah ini boleh menetapkan daripada 1 hingga 4 warna.

Atribut warna sempadan ialah atribut singkatan yang boleh menetapkan warna bahagian yang boleh dilihat bagi semua jidar unsur atau menetapkan warna yang berbeza untuk setiap satu daripada 4 sisi.

Contoh berikut menerangkan cara menetapkan warna sempadan jadual dengan css Contohnya adalah seperti berikut:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
.biaoge{
  border-color:red;
}
</style>
<table border="2" class="biaoge">
  <tr>
    <td>111</td>
    <td>222</td>
  </tr>
  <tr>
    <td>333</td>
    <td>444</td>
  </tr>
    <tr>
    <td>555</td>
    <td>666</td>
  </tr>
  <tr>
    <td>777</td>
    <td>888</td>
  </tr>
</table>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menetapkan warna kotak meja css

(Belajar perkongsian video:

tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk menetapkan warna kotak meja css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan