Блоктун четинин CSSте тегеректештирүү
Азыр биз блоктун бурчтарын тегеректештирүүнү үйрөнөбүз.
Бул үчүн border-radius касиетин колдонуу керек,
ал пикселдеги маанини кабыл алат.
Биз, мисалы, 10px тегеректештирүүнү көрсөткөндө, бул эмнени билдирет?
Бул бул тегеректештирүүгө ичкертилиши мүмкүн болгон тегеректин радиусу.
Эгерде сиздин математика менен маселеңиз болсо жана акыркы сүйлөм сизге түшүнүксүз болсо - аны унуткула жана
жөн газ көзүңүз менен тегеректештирүүнү тандагыла.
Бир аз тажрыйба менен муну иштөө кыйынчылык түзбөйт (тегеректештирүүлөрдү өлчөө үчүн
өлчөө куралы жок,
же болбосо мен мындай жөнүндө уккан эмесмин).
Келгиле, блогуга 10px тегеректештирүүнү коюп, анын бурчтарын тегеректейли:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
Бул үлгү боюнча баракты кайталаңыз:
