การตั้งค่าสีพื้นหลังใน CSS

คุณรู้วิธีเปลี่ยนสีข้อความแล้ว มาดูกันตอนนี้ เราจะเรียนรู้วิธีเปลี่ยนสีพื้นหลัง สิ่งนี้ทำได้ โดยใช้คุณสมบัติ background-color ซึ่งรับค่าแบบเดียวกับคุณสมบัติ color ที่คุณคุ้นเคยดี

มาลองเทสีพื้นหลังบล็อกเป็นสีส้ม (ส่วนสี ข้อความให้ตั้งเป็นสีขาว):

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  width: 300px;
  height: 100px;
  color: white;
  background-color: orange; /* ตั้งค่าสีพื้นหลังเป็นสีส้ม */
}

Результат: