قبل از انتشار css3 ایجاد کادر هایی با گوشه های گرد کار دشواری بود و طراحان وب به سختی میتوانستند این کار را با ترفند های مختلفی انجام دهند. اما با عرضه نسخه جدید استایل ها یعنی CSS3 این کار به راحتی و با استفاده از خاصیت border-radius امکان پذیر است.
برای ایجاد یک کادر با گوشه های گرد از کد زیر میتوان استفاده نمود:
لازم به ذکر است که این قابلیت CSS3 در مرورگر Internet Explorer پشتیبانی نمیشود و گوشه ها را تیز نشان میدهد.
توصیه میشود برای مشاهده از مرورگر های دیگر مانند کروم ، فایرفاکس ، اپرا و ... استفاده نمایید.
