ใส่สีกล่องข้อความ HTML ด้วย CSS คำสั่ง background-color

ใส่สีกล่องข้อความ HTML ด้วย CSS คำสั่ง background-color บทความนี้สอนเขียนโค้ดภาษา HTML สำหรับสร้างกล่องข้อความ และใส่สีกล่องข้อความด้วย CSS ผ่าน background-color สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ใส่สีกล่องข้อความ HTML ด้วย CSS คำสั่ง background-color

<div style="background-color: tomato; border: dotted 2px greenyellow; color: white; font-weight: bold;">
Hello Devdit
</div>

ใส่สีกล่องข้อความ HTML จากตัวอย่างใช้คำสั่ง background-color ตามด้วยสีที่ต้องการ และใช้คำสั่ง border สำหรับแต่งกรอบของกล่องข้อความ โดยใช้ div คลุมข้อความที่ต้องการทำหน้าที่เป็นกล่องข้อความ