Selles blogis käsitletakse järgmist:

• Mis on piirjoone raadius?
• Kuidas rakendada HTML-elemendile piirjoone raadiuse efekti?

Mis on piirjoone raadius?

' ülevaade ” atribuuti kasutatakse elemendi kontuuri kujundamiseks, kuid seda ei saa otse rakendada. Seetõttu on raadiuse efekti kontuurile rakendamise alternatiivseks meetodiks ' piiriraadius ”CSS-i omadus. See määrab kontuuride ümardatud nurgad.

Kuidas rakendada HTML-elemendile piirjoone raadiuse efekti?

Kontuuri raadiuse atribuudi kasutamiseks järgige antud juhiseid.

1. samm: pealkirjade manustamine

Alguses manustage pealkirjad, kasutades mis tahes pealkirja märgendit '

' kuni '

”. Näiteks oleme kasutanud '

” ja „

” sildid kahe erineva pealkirja manustamiseks HTML-dokumenti.

2. samm: lisage esimene div-konteiner

Pärast seda lisage konteiner, kasutades '

” silti. Samuti sisestage ' klass ” atribuut ja määrake klassi nimi vastavalt oma valikule.

---

---

3. samm: looge teine ​​div-konteiner

Loo teine ​​' div ” konteiner, järgides sama protseduuri:

< h1 stiilis = 'värv:rgb(48, 10, 218)' > Linuxhint LTD Ühendkuningriik < / h1 >

< h2 >

Erinevad näited piiriraadiuse jaoks, et luua ringjoone kontuuri nurgad.

< / h2 >

< div klass = 'box1-div' >

Linuxhint pakub oma kasutajatele parimat ja ainulaadsemat sisu.

< / div >

< div klass = 'box2-div' >

See töötab mitmes kategoorias.

< / div >

Ülaltoodud koodi väljund on näidatud allpool:

4. samm: määrake esimese konteineri kontuur

Juurdepääs esimesele konteinerile, kasutades ' .box1-div ' klass, kus ' . ” on klassile juurdepääsu valija:

.box1-div {

ülevaade : tahke ;

laius : 300 pikslit ;

polsterdus : 15 pikslit ;

marginaal : 25 pikslit ;

}

Seejärel rakendage alltoodud CSS-i atribuute:

• ' ülevaade ” atribuuti kasutatakse elemendi ümber kontuuri lisamiseks. Näiteks on selle väärtuseks seatud ' tahke ”.
• “ laius ” määrab elemendi suuruse horisontaalselt.
• “ polsterdus ” kasutatakse ruumi eraldamiseks elemendi sisu ümber.
• “ marginaal ” määrake tühik elemendi äärise välisküljel.

5. samm: määrake teise konteineri kontuur

Nüüd pääsete teisele elemendile juurde selle vastava klassi abil .box2-div ”:

.box2-div {

ülevaade : tahke ;

piiriraadius : 20 pikslit ;

laius : 300 pikslit ;

polsterdus : 15 pikslit ;

marginaal : 25 pikslit ;

}

Rakenda CSS-i atribuut ' piiriraadius ” elemendi raadiuse määramiseks. See omadus võimaldab teil lisada elemendi ümber ümardatud nurki:

Võib märgata, et oleme edukalt lisanud HTML-elemendile piirjoone raadiuse efekti.

Järeldus

' piirjoon-raadius ' ei ole enam saadaval. Kasutajad saavad kontuuriraadiuse atribuute rakendada CSS-i atribuutide 'kontuur' ja 'piiriraadius' abil. ' ülevaade ' lisab elemendi ümber kontuuri ja ' piiriraadius ” kasutatakse spetsiaalselt kontuuri kujundamiseks. See postitus on näidanud juhiseid HTML-i elemendi ümber kontuuri raadiuse efekti lisamiseks.