פינות מעוגלות ב CSS

[IgalSt]

אחלה שמביא לך את הקוד שאתה צריך:
http://border-radius.com/

תקבל בעיקרון 3 שורות קוד שעושות בערך אותו הדבר.

דוגמא:

-webkit-border-radius:6px;  /*WebKit (Chrome and Others)*/
-moz-border-radius:6px; /*Mozilla (FF)*/
border-radius:6px;  /*CSS 3 Standart*/

צריך את כל ההגדרות הללו כדי לעגל פינות בצורה זהה בכל הדפדפנים.
מאחר ו-CSS3 עדיין מוגדר כ"טיוטה", כל דפדפן רשאי לטפל בנושא כראות עיניו.
לכן מגדירים הגדרה שונה לכל אחד מם ובסוף עושים overwrite להגדרה הרשמית שתהיה בסופו של דבר כאשר התקן יאושר.

שים לב שרק IE9 ומעלה יעגל פינות.
כדי לעגל פינות בגירסאות קודמות יש צורך בחלופון כמו עיגול פינות ע"י JS (אני ממליץ על זה)