گرد کردن گوشه ها در css ویژگی border-radiuse
نویسنده : مریم شیردل
برای گرد کردن لبه های عنصر از ویژگی border-radius استفاده میکنیم .مقدار اون میتونه برحسب px یا % باشد. و اگر یک عدد مقابلش بنویسید اون به چهار گوشه اعمال میشود.
ویژگی border-radius
برای گرد کردن لبه های عنصر از ویژگی border-radius استفاده میکنیم .مقدار اون میتونه برحسب px یا % باشد. و اگر یک عدد مقابلش بنویسید اون به چهار گوشه اعمال میشود.
border-radius:50px;
ویژگی های border-left-radius ، border-right-radius ، border-top-radius ، border-buttom-radius
هم به ترتیب لبه سمت چپ ، راست ، بالا و پایین را گرد میکند .
برای خلاصه تر نوشتن اون از ویژگی border-radius را با چهار عدد مقابلش استفاده کنید.
border-radius: 158px 78px 40px 50px;
که عدد اول همان مقدار border-top-radius و عدد دوم همان border-right-radius و عدد سوم همان border- buttom -radius و عدد چهارم همان border-left-radius است
کد زیر و خروجی او رو ببینید .من این مقدار را روی یک عکس پیاده کردم .
amertejarat.com
