CSS හි කොටුවක මායිම් වටකුරු කිරීම
දැන් අපි කොටුවක කොන වටකුරු කරන ආකාරය ඉගෙන ගනිමු.
මේ සඳහා border-radius ගුණය යෙදිය යුතු අතර එය
පික්සල වලින් අගයක් ලබා ගනී.
අපි වටකුරු කිරීමක් නියම කළේ, උදාහරණයක් ලෙස, 10px කියා යනුවෙන් අදහස් කරන්නේ කුමක්ද?
මෙය එම වටකුරු කිරීමට අභ්යන්තර වශයෙන් සටහන් කළ හැකි වෘත්තයක අරයයි.
ගණිතය සමඟ ඔබට ගැටළු තිබෙන අතර අවසන් වාක්යය ඔබට තේරුම් නොගියේ නම් - එය අමතක කරන්න සහ
සරලව ඇසින් පරීක්ෂා කරමින් වටකුරු කිරීම සකස් කරන්න.
යම් පළපුරුද්දක් සමඟ මෙය කිරීම ගැටළුවක් නොවේ (මැනීමේ
මෙවලමක් වටකුරු කිරීම් මැනීම සඳහා නොමැත,
අවම වශයෙන් මම එවැනි දෙයක් ගැන අසා නැත).
අපි කොටුවක කොන වටකුරු කරමු, එයට
වටකුරු කිරීමක් 10px ලෙස නියම කරමින්:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
මෙම නිදර්ශනය අනුව පිටුව නැවත සකස් කරන්න:
