درس 24: رنگ و پس زمینه در CSS — ارومیا دیزاین
ZIP را استخراج کنید. index.html را در مرورگر باز کنید؛ اینترنت یا نصب ابزار لازم نیست.
index.html، style.css و پوشه assets باید کنار هم بمانند.
نتیجه: زمینه صفحه خاکستری روشن، سربرگ آبی تیره با متن سفید و الگوی تزئینی، کارت ها سفید و پیام نمونه سبز روشن است.
تمرین: فقط practice-card را با زمینه #075985 و متن سفید تغییر دهید؛ کارت های دیگر تغییر نکنند.
پاسخ کامل در solution.css است. برای مشاهده، href در index.html را از style.css به solution.css تغییر دهید؛ هر دو را همزمان متصل نکنید.
آزمایش شفافیت: برای زمینه کارت تمرین rgb(7 89 133 / 15%) و برای متن #0f172a بگذارید؛ سپس opacity: 0.15 را آزمایش و تفاوت کم رنگ شدن متن را مشاهده کنید. آزمایش را بعد از مشاهده حذف کنید.
assets/pattern.svg یک الگوی ساده تزئینی ساخته شده برای همین درس است و اسکریپت یا منبع خارجی ندارد.
این پروژه آموزشی است و هیچ اطلاعاتی ارسال نمی کند.
