Devdit
 

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

2.8K

กรอบตัวหนังสือ 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 ใช้สำหรับใส่สีเส้นขอบของกรอบ

เขียน 1 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ