กรอบตัวหนังสือ HTML สวยๆ พร้อมพื้นหลัง และเส้นกรอบ

กรอบตัวหนังสือ HTML สวยๆ พร้อมพื้นหลัง และเส้นกรอบ บทความนี้สอนการสร้างกรอบคลุมตัวหนังสือ หรือข้อความ โดยมีการลงสีพื้นหลัง และมีเส้นกรอบ โดยใช้คำสั่ง CSS ใน HTML สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง กรอบตัวหนังสือ HTML สวยๆ พร้อมพื้นหลัง และเส้นกรอบ

<div style="background-color: aquamarine; border: dashed 2px mediumseagreen">
Welcome to Devdit
</div>

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