no-img
اِمیلا

گرد کردن کوشه عناصر، تصاویر و باکس ها با CSS

بروزرسانی؛
12 ژوئن 2019
کد نویسی

نمونه گرد کردن رو میتونید در تصاویر پست های همین سایت emila و باکس هاش ببینید.

برای داشتن لبه های گرد باید کد زیر رو به استایل عکس یا باکستون اضافه کنید.

Border-radius:5px;

در این نمونه من برای مثال زاویه ۵ رو به تمام کوشه های کار دادم.

اگر میخواید زوایای مختلفی به لبه های مختلف بدید باید از کد زیر استفاده کنید که کامل تره، کد بالا برای اینکه تمام زوایا ۵ هستش به صورت خلاصه و یک جا نوشته شده است.

Border-radius: top-left top-right bottom-right bottom-left;

برای مثال باکسی میخوام که زاویه بالا چپ و پایین راست مقدار صفر و دو زاویه دیگر مقدار ۷ را داشته باشد:

Border-radius:0px 7px 0px 7px;
لینک کوتاه : https://emila.ir/?p=13222
سلام علیکم!
2
فرم گزارش را به دقت تکمیل نمایید...
از همکاری شما پیشاپیش سپاسگذاریم