كيفية إنشاء: صورة الرأس

تعلم كيفية استخدام CSS لإنشاء صورة الرأس.

كيفية إنشاء صورة الرأس

<img src="صورة-الرأسية.png" alt="الصورة-الرأسية" class="الصورة-الرأسية">

لإعداد تطابق جيد ارتفاع و عرض، واستخدم حلقة-الراديوس خصائص إضافة زوايا رunda إلى الصورة.50% سيفعله الصورة تبدو كروية:

.الصورة-الرأسية {
  محاذاة-عمودية: منتصف;
  عرض: 50px;
  ارتفاع: 50px;
  حلقة-الراديوس: 50%;
}