Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menetapkan garis sempadan jadual kepada warna yang berbeza dalam html5

Bagaimana untuk menetapkan garis sempadan jadual kepada warna yang berbeza dalam html5

WBOY
WBOYasal
2022-01-23 17:23:456536semak imbas

Dalam HTML5, anda boleh menggunakan atribut "warna sempadan" untuk menetapkan garis sempadan jadual kepada warna yang berbeza Atribut ini ialah atribut singkatan yang boleh menetapkan 1 hingga 4 nilai untuk menetapkan empat sempadan masing-masing. . Warna, sintaks ialah "warna sempadan: warna sempadan atas, warna sempadan kanan, warna sempadan bawah, warna sempadan kiri;".

Bagaimana untuk menetapkan garis sempadan jadual kepada warna yang berbeza dalam html5

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.

Cara untuk menetapkan garis sempadan jadual kepada warna berbeza dalam html5

Atribut warna sempadan menetapkan warna empat jidar. 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. Sila lihat contoh berikut:

Contoh 1

border-color:red green blue pink;

Sempadan atas berwarna merah

Sempadan kanan berwarna hijau

Sempadan bawah ialah biru

Sempadan kiri berwarna merah jambu

Contoh 2

border-color:red green blue;

Sempadan atas berwarna merah

Sempadan kanan dan kiri berwarna hijau

Sempadan bawah Berwarna biru

Contoh 3

border-color:dotted red green;

Sempadan atas dan bawah berwarna merah

Sempadan kanan dan kiri berwarna hijau

Contoh 4

border-color:red;

Kesemua 4 sempadan berwarna merah

Ingat, gaya sempadan tidak boleh tiada atau tersembunyi, jika tidak sempadan tidak akan muncul.

Tutorial yang disyorkan: "tutorial video html"

Atas ialah kandungan terperinci Bagaimana untuk menetapkan garis sempadan jadual kepada warna yang berbeza dalam html5. 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