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