آموزش گرد کردن ( border ) در css3

اضافه کردن گوشه های گرد در CSS2 بسیار وقت گیر بود . ما باید برای هر گوشه از یک تصویر استفاده میکردیم .

در CSS3 ایجاد گوشه های گرد آسان است .
در CSS3 از ویژگی border-radius برای ایجاد گوشه های گرد استفاده میشود . و شما میتوانید گوشه های گرد در آن ایجاد کنید

به مثال زیر توجه کنید :

این جعبه دارای گوشه های گرد است.

برای این کار میتوایند از کد زیر استفاده کنید .

div {
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 یا قدیمی تر */
}
</div>