Заобљавање ивица блока у CSS-у
Сада ћемо научити како да заоблимо угаоне ивице
блока. За то се користи
својство border-radius, које прима
вредност у пикселима.
Шта значи да смо навели заобљење,
рецимо, од 10px? То је полупречник круга
који може да се упише у то заобљење. Ако
нисте баш добри са математиком и горња реченица
вам није јасна - заборавите је и
једноставно подешавајте заобљење "на око". Са
мало искуства то није проблем (мерни
инструмент за мерење заобљења не постоји,
бар ја за такав нисам чуо).
Хајде да заоблимо ивице блоку, задавши му
заобљење од 10px:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
Поновите страницу према овом узору:
