Rumah > hujung hadapan web > tutorial css > Apakah maksud ridge dalam css

Apakah maksud ridge dalam css

下次还敢
Lepaskan: 2024-04-28 16:06:13
asal
1260 orang telah melayarinya

ridge ialah gaya sempadan dalam CSS, digunakan untuk mencipta sempadan 3D dengan kesan timbul, yang dinyatakan secara khusus sebagai garisan seperti rabung yang dinaikkan.

Apakah maksud ridge dalam css

Apa itu rabung?

ridge ialah gaya sempadan dalam CSS yang digunakan untuk mencipta sempadan 3D dengan kesan timbul.

Kesan khusus gaya rabung

Sempadan gaya rabung kelihatan sebagai garisan yang terangkat seperti rabung. Pada penyemak imbas yang lebih baharu, gaya rabung juga menambah sorotan dan bayang-bayang halus untuk menjadikan sempadan kelihatan lebih tiga dimensi.

Sintaks gaya rabung

Dalam CSS, gunakan atribut gaya sempadan untuk menetapkan gaya sempadan rabung Sintaksnya adalah seperti berikut:

<code>border-style: ridge;</code>
Salin selepas log masuk

Aplikasi gaya rabung

. Elemen HTML, seperti:
  • Jadual
  • Butang
  • Kotak input
  • Panel

Buat contoh sempadan rabung

Kod sempadan rabung

berikut akan mencipta kod sempadan rabung

berikut

Selepas menggunakan gaya ini, teks perenggan akan Dikelilingi oleh sempadan hitam yang dinaikkan.

rabung berbanding dengan gaya sempadan lain

    gaya rabung adalah serupa dengan gaya sempadan timbul lain, seperti:
  • alur: Mencipta jidar cekung, serupa dengan alur.
  • inset: Mencipta jidar inden yang kelihatan seperti ia inden dari bahagian dalam elemen.
permulaan: Mencipta sempadan dinaikkan yang kelihatan seperti menonjol dari luar elemen.

🎜Perbezaan antara gaya rabung dan gaya ini ialah ia mencipta sempadan dengan kesan kelegaan yang lebih tajam dan menonjol. 🎜

Atas ialah kandungan terperinci Apakah maksud ridge dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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