Mission 2: Background

เป้าหมายของ Mission นี้: ใส่สีพื้นหลังด้วย background-color และเริ่มห่อ เนื้อหาด้วย <div>

background-color

background-color กำหนดสีพื้นหลังของ element — ต่างจาก color ที่กำหนดสี ตัวอักษร เท่านั้น

ทำไมต้องห่อด้วย div

ตอนนี้เรามีแค่ <h2> ลอยๆ ยังไม่มี "กล่อง" ที่เป็นตัวการ์ดจริงๆ — <div> คือ tag อเนกประสงค์ที่ใช้ห่อกลุ่ม element เข้าด้วยกันเพื่อจัด style เป็นกลุ่มได้

Demo

<div class="card">
  <h2 class="product-title">เก้าอี้ไม้โอ๊ค</h2>
</div>

.card {
  background-color: #f8fafc;
}