V tomto blogu sa bude diskutovať o:

• Čo je polomer obrysu?
• Ako použiť efekt polomeru obrysu na prvok HTML?

Aký je polomer obrysu?

' obrys ” vlastnosť sa používa na tvarovanie obrysu prvku, ale nemožno ju implementovať priamo. Preto alternatívnou metódou na aplikáciu polomerového efektu na obrys je použitie „ hraničný polomer ” CSS vlastnosť. Špecifikuje zaoblené rohy pre obrysy.

Ako použiť efekt polomeru obrysu na prvok HTML?

Ak chcete použiť vlastnosť polomer obrysu, postupujte podľa uvedených pokynov.

Krok 1: Vloženie nadpisov

Najprv vložte nadpisy pomocou akejkoľvek značky nadpisu z „

“ až “

“. Využili sme napríklad „

“ a „

” značky na vloženie dvoch rôznych nadpisov do dokumentu HTML.

Krok 2: Pridajte prvý kontajner div

Potom pridajte kontajner pomocou „

” tag. Tiež vložte „ trieda ” a zadajte názov triedy podľa vášho výberu.

---

---

Krok 3: Vytvorte druhý kontajner div

Vytvorte ďalší „ div ” kontajnera podľa rovnakého postupu:

< h1 štýl = 'color:rgb(48, 10, 218)' > Linuxhint LTD UK < / h1 >

< h2 >

Rôzne príklady polomeru ohraničenia na vytvorenie rohov kruhového obrysu.

< / h2 >

< div trieda = 'box1-div' >

Linuxhint poskytuje svojim používateľom najlepší a najunikátnejší obsah.

< / div >

< div trieda = 'box2-div' >

Funguje vo viacerých kategóriách.

< / div >

Výstup vyššie uvedeného kódu je uvedený nižšie:

Krok 4: Nastavte obrys prvého kontajnera

Prístup k prvému kontajneru získate pomocou „ .box1-div “trieda, kde je “ . ” je selektor na prístup k triede:

.box1-div {

obrys : pevný ;

šírka : 300 pixelov ;

vypchávka : 15 pixelov ;

marža : 25 pixelov ;

}

Potom použite vlastnosti CSS uvedené nižšie:

• ' obrys Vlastnosť ” sa používa na pridanie obrysu okolo prvku. Jeho hodnota je napríklad nastavená ako „ pevný “.
• “ šírka ” určuje veľkosť prvku vodorovne.
• “ vypchávka “ sa používa na pridelenie priestoru okolo obsahu prvku.
• “ marža ” špecifikujte priestor na vonkajšej strane okraja prvku.

Krok 5: Nastavte obrys druhého kontajnera

Teraz prejdite k druhému prvku pomocou jeho príslušnej triedy “ .box2-div “:

.box2-div {

obrys : pevný ;

hraničný polomer : 20 pixelov ;

šírka : 300 pixelov ;

vypchávka : 15 pixelov ;

marža : 25 pixelov ;

}

Použiť vlastnosť CSS “ hraničný polomer ” na definovanie polomeru prvku. Táto vlastnosť vám umožňuje pridať zaoblené rohy okolo prvku:

Možno si všimnúť, že sme úspešne pridali efekt polomeru obrysu na prvok HTML.

Záver

' obrys-polomer ' už nie je k dispozícii. Používatelia môžu použiť vlastnosti obrysového polomeru pomocou vlastností CSS „obrys“ a „polomer okraja“. ' obrys “ pridá obrys okolo prvku a „ hraničný polomer “ sa špeciálne používa na úpravu obrysu. Tento príspevok demonštroval pokyny na pridanie efektu polomeru obrysu okolo prvku v HTML.