كيف - صور مدورة
تعرف على كيفية إنشاء صور مستديرة ودائرية باستخدام CSS.
كيفية إنشاء صور مدورة
الخطوة 1) أضف HTML:
مثال
<img src="img_avatar.png" alt="Avatar">
الخطوة 2) أضف CSS:
استخدم border-radius
الخاصية لإضافة زوايا مستديرة للصورة. 50٪ سيجعل الصورة دائرية:
مثال
img {
border-radius: 50%;
}
انتقل إلى البرنامج التعليمي الخاص بصور CSS لمعرفة المزيد حول كيفية تصميم الصور.