Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah sifat yang digunakan untuk membuat sudut bulat dalam css3

Apakah sifat yang digunakan untuk membuat sudut bulat dalam css3

WBOY
Lepaskan: 2022-03-16 11:25:47
asal
3675 orang telah melayarinya

Dalam CSS3, atribut "border-radius" digunakan untuk mencipta bucu bulat Atribut ini ialah atribut trengkas yang boleh digunakan untuk menetapkan empat gaya penjuru bulat Sintaks ialah "border-. jejari: 1- 4 panjang|% / 1-4 panjang|%”.

Apakah sifat yang digunakan untuk membuat sudut bulat dalam css3

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

Atribut apakah yang digunakan untuk mencipta sudut bulat dalam css3

Mula-mula, tetapkan sempadan bulat, terutamanya menggunakan jejari sempadan atribut CSS3 untuk menentukan kesan bulat. Sintaks khusus adalah seperti berikut:

{ border-raidus : tiada panjang | nombor titik terapung dan pengecam unit, yang tidak boleh ialah nilai negatif.

Apakah sifat yang digunakan untuk membuat sudut bulat dalam css3

Apakah sifat yang digunakan untuk membuat sudut bulat dalam css3

Kedua, nyatakan dua jejari penjuru. Sifat jejari sempadan boleh mengandungi dua nilai parameter: nilai parameter pertama mewakili jejari mendatar sudut bulat, dan parameter kedua mewakili jejari menegak sudut bulat Kedua-dua parameter dipisahkan dengan garis miring (/).

Apakah sifat yang digunakan untuk membuat sudut bulat dalam css3

Apakah sifat yang digunakan untuk membuat sudut bulat dalam css3

Ketiga, lukis sempadan bulat dengan empat sudut berbeza. jejari sempadan boleh melukis sempadan bulat dengan empat sudut yang berbeza Sintaks khusus adalah seperti berikut:

{ jejari sempadan : atas-kiri | kanan bawah | masing-masing Menunjukkan jejari fillet sudut kiri atas, jejari fillet sudut kanan atas, jejari fillet sudut kanan bawah, dan jejari fillet sudut kiri bawah.

Apakah sifat yang digunakan untuk membuat sudut bulat dalam css3

Apakah sifat yang digunakan untuk membuat sudut bulat dalam css3

Keempat, lukis sempadan bulat. Sifat jejari sempadan boleh melukis sempadan bulat yang berbeza mengikut nilai jejari yang berbeza, atau ia juga boleh melukis bulatan sempurna.

Apakah sifat yang digunakan untuk membuat sudut bulat dalam css3

Apakah sifat yang digunakan untuk membuat sudut bulat dalam css3

Pemaju boleh menetapkan saiz jejari sempadan mengikut keperluan mereka sendiri.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Apakah sifat yang digunakan untuk membuat sudut bulat dalam css3. 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