Блок шекараларын дөңгелектеу CSS-те
Қазір біз блок бұрыштарын дөңгелектеуді үйренеміз.
Бun үшін border-radius қасиетін қолдану керек,
ол пиксельдегі мәнді қабылдайды.
Біз, мысалы, 10px дөңгелектеуді көрсеткеніміз нені білдіреді?
Бұл осы дөңгелектеуге сызылуы мүмкін шеңбердің радиусы.
Егер сізде математикамен қиындықтар болып, соңғы сөйлем түсініксіз болса -
оны ұмытыңыз және жай көзбен дөңгелектеуді таңдаңыз.
Белгілі бір тәжірибе кезінде мұны істеу мәселе емес (дөңгелектеулерді
өлшейтін өлшеу құралы жоқ, кем дегенде мен мұндай туралы естімегенмін).
Блокқа 10px дөңгелектеуді беріп, оның бұрыштарын дөңгелектейік:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
Бетті осы үлгі бойынша қайталаңыз:
