Mengapa Sempadan Saya Tidak Merah? Menyelesaikan masalah Isu Sempadan CSS

Menyelesaikan Masalah Warna Sempadan: Mengapa Ia Tidak Merah

Apabila menambahkan sempadan pada elemen, adalah perkara biasa untuk menghadapi situasi di mana warna yang dinyatakan tidak digunakan. Begini cara untuk menyelesaikan isu ini dengan CSS:

Pertimbangkan coretan kod berikut:

<div>

Seperti yang ditunjukkan dalam JSFiddle ini (http://jsfiddle.net/zeburrehman/aFzKy/151/ ), sempadan di sekeliling elemen DIV kekal tidak kelihatan, walaupun menyatakan warna sempadan sebagai merah.

Memahami Isu

Secara lalai, penyemak imbas menetapkan kedua-dua lebar sempadan dan gaya sempadan kepada sifar dan "tiada" masing-masing. Ini bermakna walaupun warna jidar ditakrifkan, tiada jidar yang boleh dilihat untuk memaparkannya.

Penyelesaian

Untuk menjadikan jidar kelihatan dan menggunakan warna yang diingini, anda perlu menetapkan secara eksplisit kedua-dua sifat lebar sempadan dan gaya sempadan. Lebar sempadan menentukan ketebalan sempadan, manakala gaya sempadan menentukan penampilannya (mis., pepejal, putus-putus).

Cara paling berkesan untuk mencapai ini ialah menggabungkan ketiga-tiga sifat sempadan menjadi satu pengisytiharan:

#box {
    border: 1px solid red;
}

Dengan menetapkan lebar sempadan kepada 1px dan gaya sempadan kepada pepejal, anda menentukan sempadan pepejal lebar 1 piksel di sekeliling unsur dan nyatakan warnanya sebagai merah. Notasi pekat ini menggabungkan tiga sifat sempadan individu menjadi satu baris untuk kesederhanaan.

Atas ialah kandungan terperinci Mengapa Sempadan Saya Tidak Merah? Menyelesaikan masalah Isu Sempadan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!