Afronding van blokrande in CSS
Nou sal ons leer hoe om die hoeke van 'n blok af te rond.
Hiervoor moet jy die border-radius eienskap gebruik,
wat 'n waarde in pixels aanneem.
Wat beteken dit dat ons 'n afronding spesifiseer,
byvoorbeeld, van 10px? Dit is die radius van die sirkel
wat in hierdie afronding ingeskryf kan word. As
jy swak is in wiskunde en jy verstaan nie die laaste sin nie -
ignoreer dit en
kies eenvoudig die afronding op sig.
Met 'n bietjie ervaring is dit nie 'n probleem nie (daar is nie
'n meetinstrument om afrondings te meet nie,
ten minste het ek nog nooit van so een gehoor nie).
Kom ons rond die hoeke van 'n blok af deur 'n
afronding van 10px te stel:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
Herhaal die bladsy volgens hierdie voorbeeld:
