چگونه ایجاد شود: یادداشت‌ها

یاد بگیرید که چگونه با استفاده از CSS

یادداشت‌ها

یادداشت‌ها می‌توانند برای اطلاع‌رسانی به کاربران در مورد موضوعات خاص استفاده شوند: خطر، موفقیت، اطلاعات یا اخطار و غیره.

خطر!متن...

موفقیت!متن...

اطلاعات!متن...

اخطار!متن...

آزمایش کنید

چگونه یادداشت‌ها را ایجاد کنیم

مرحله اول - اضافه کردن HTML:

<div class="خطر">
  <p><strong>خطر!</strong> متن...</p>
</div>

مرحله دوم - اضافه کردن CSS:

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

آزمایش کنید

صفحات مرتبط

آموزش‌ها:چگونه ایجاد می‌کنیم: پیام هشدار