Blog ini akan membincangkan:

• Apakah Jejari Outline?
• Bagaimana untuk Memohon Kesan Radius Outline pada Elemen HTML?

Apakah Jejari Outline?

' garis besar sifat ” digunakan untuk membentuk garis besar elemen, tetapi ia tidak boleh dilaksanakan secara langsung. Oleh itu, kaedah alternatif untuk menggunakan kesan jejari pada garis besar adalah menggunakan ' jejari sempadan ” Harta CSS. Ia menentukan sudut bulat untuk garis besar.

Bagaimana untuk Memohon Kesan Radius Outline pada Elemen HTML?

Untuk menggunakan sifat jejari garis besar, ikuti arahan yang diberikan.

Langkah 1: Benamkan Tajuk

Pada mulanya, benamkan tajuk dengan menggunakan mana-mana tag tajuk daripada “

” kepada “

”. Sebagai contoh, kami telah menggunakan '

” dan “

teg ” untuk membenamkan dua tajuk berbeza pada dokumen HTML.

Langkah 2: Tambah Bekas div Pertama

Selepas itu, tambah bekas menggunakan '

” tag. Juga, masukkan “ kelas ” atribut dan nyatakan nama untuk kelas mengikut pilihan anda.

---

---

Langkah 3: Cipta Bekas div Kedua

Buat satu lagi ' div ” bekas dengan mengikut prosedur yang sama:

< h1 gaya = 'warna:rgb(48, 10, 218)' > Linuxhint LTD UK < / h1 >

< h2 >

Contoh yang berbeza untuk jejari sempadan untuk mencipta sudut pekeliling garis besar.

< / h2 >

< div kelas = 'box1-div' >

Linuxhint menyediakan kandungan terbaik dan paling unik untuk penggunanya.

< / div >

< div kelas = 'box2-div' >

Ia berfungsi pada pelbagai kategori.

< / div >

Output kod di atas ditunjukkan di bawah:

Langkah 4: Tetapkan Rangka Bekas Pertama

Akses bekas pertama dengan menggunakan ' .box1-div 'kelas di mana' . ” ialah pemilih untuk mengakses kelas:

.box1-div {

garis besar : padu ;

lebar : 300px ;

padding : 15px ;

margin : 25px ;

}

Kemudian, gunakan sifat CSS yang disenaraikan di bawah:

• ' garis besar sifat ” digunakan untuk menambah garis besar di sekeliling elemen. Sebagai contoh, nilainya ditetapkan sebagai ' padu ”.
• “ lebar ” menentukan saiz elemen secara mendatar.
• “ padding ” digunakan untuk memperuntukkan ruang di sekeliling kandungan elemen.
• “ margin ” nyatakan ruang di bahagian luar sempadan unsur.

Langkah 5: Tetapkan Rangka Bekas Kedua

Sekarang, akses elemen kedua dengan bantuan kelas masing-masing ' .box2-div ”:

.box2-div {

garis besar : padu ;

jejari sempadan : 20px ;

lebar : 300px ;

padding : 15px ;

margin : 25px ;

}

Gunakan sifat CSS ' jejari sempadan ” untuk mentakrifkan jejari unsur. Sifat ini membolehkan anda menambah sudut bulat di sekeliling elemen:

Dapat diperhatikan bahawa kami telah berjaya menambah kesan jejari garis besar pada elemen HTML.

Kesimpulan

' garisan-jejari ' tiada lagi. Pengguna boleh menggunakan sifat jejari garis besar dengan bantuan sifat 'garis rangka' dan 'jejari sempadan' CSS. ' garis besar ' menambah garis besar di sekeliling elemen, dan ' jejari sempadan ” digunakan khusus untuk menggayakan garis besar. Siaran ini telah menunjukkan arahan untuk menambahkan kesan jejari garis besar di sekeliling elemen dalam HTML.