Contoh sederhana HTML Membuat Tabel Garis Tipis

Mengenai metode membuat tabel garis tipis ini, Baidu mungkin memiliki jawaban untuk memberitahu Anda untuk mengatur nilai-nilai ini: Set Border = 0 CellPacing = 1 BGColor =#990033 untuk tabel, dan atur warna latar belakang secara terpisah untuk sel, misalnya: bgcolor =#fff. Namun, mungkin tidak ada penjelasan rinci tentang mengapa nilai -nilai ini ditetapkan!

Jadi hari ini saya tiba -tiba berpikir untuk merekam prinsip -prinsip tabel garis tipis ini. Itu juga karena saya telah mengajar siswa pelajaran dasar akhir -akhir ini. Siswa tidak memahami prinsip -prinsip tabel garis tipis ini dengan sangat baik, jadi jika Anda ingin pemula, Anda mungkin akan mengalami masalah serupa, jadi di sini saya akan berbicara tentang mengapa nilai -nilai ini ditetapkan.

Pertama, mari kita lihat efeknya saat mengatur nilai batas tabel menjadi 1. Bahkan jika perbatasan = 1 dan jarak antara sel -sel sel kopor = 0, ketebalan tabel masih terlihat kasar:

Mari kita lihat apa efeknya dihasilkan dengan membuat tabel garis tipis:

Sebaliknya, tabel di belakang lebih halus.

Jadi sekarang saya akan merangkum langkah -langkah untuk membuat tabel garis tipis:

Langkah -langkah untuk membuat tabel garis tipis:

1. Atur warna latar belakang tabel (yaitu, warna batas tabel visual);
2. Atur warna latar belakang TD (sel) (secara visual warna keseluruhan dari seluruh tabel)
3. Atur nilai perbatasan tabel ke 0 (perbatasan = 0), dan nilai jarak adalah 1 (cellpacing = 1, sehingga warna latar belakang tabel ditampilkan melalui jarak ini, menjadi perbatasan visual).

Analisis: Warna latar belakang tabel sebenarnya adalah garis tipis yang terlihat seperti dalam bentuk visual, karena kami mengatur perbatasan ke 0 dan jarak antar sel diatur ke 1, maka warna latar belakang tabel adalah warna yang diungkapkan melalui celah piksel ini. Atur warna latar belakang sel untuk membedakannya dari warna latar belakang tabel. Untuk pemahaman yang lebih baik, saya akan menggunakan gambar untuk menganalisisnya di sini:

1. Asumsikan bahwa batas tabel berikut = 1, ini ditampilkan sebagai berikut:

2. Ketika jarak sel diatur, sel kacang = 0, dua tepi 1 piksel bersebelahan, dan perbatasan akan tampak tebal:

Oleh karena itu, efek garis tipis tidak dapat diatur oleh perbatasan = 1

Kemudian kami menggunakan metode garis tipis untuk membuat prinsip berikut:

Jika artikel ini bermanfaat bagi Anda, mohon rekomendasikan

Alamat asli: http://www.cnblogs.com/xcaocao/p/5643351.html