تذكر فقط يا أخي عندما تستعمل الخاصية border-raduis مراعاة حجم الصورة مثلا حتى تحصل على شكل دائري تماما يجب أن تكون الصورة مربعة الشكل و التعليمة تقبل حميع القيم المستعملة في css3 مثل em ,px,% و أفضل إستعمال لهذه الخاصية النسبة المئوية و هنا مثال بسيط يراعي متطلبات المتصفحات المستعملة مثل safari ,chrome,mozila img {
border-radius: 50%; /* opera, IE9, */
-webkit-border-radius: 50%; /* safari , chrome */
-moz-border-radius: 50%; /* mozila */
} و كما قلت تحصل على الشكل الدائري تماما إذا كانت الصورة مربعة كما قلت بالسابق و إذا لم تكن يمكنك إضافة الخاصيتين width ,height img {
width: 400px; /* العرض مساوي للطول */
height: 400px;/* العرض مساوي للطول */
} يمكنك البحث أكثر عن هذه الخاصية border-raduis.