كيفية إنشاء: الملاحظة

تعلم كيفية استخدام CSS لإنشاء "الملاحظة".

الملاحظة

الملاحظات يمكن استخدامها لإعلام المستخدمين بأحداث خاصة: الخطر، النجاح، المعلومات أو التحذير، وما إلى ذلك.

الخطر!نص...

نجاح!نص...

معلومات!نص...

تحذير!نص...

جربها بنفسك

كيفية إنشاء الملاحظة

الخطوة الأولى - إضافة HTML:

<div class="الخطر">
  <p><strong>الخطر!</strong> نص...</p>
</div>

الخطوة الثانية - إضافة CSS:

.الخطر {
  background-color: #ffdddd;
  border-left: 6px solid #f44336;
}

جربها بنفسك

الصفحات ذات الصلة

دليل:كيفية إنشاء رسالة تحذير