Devdit
 

สร้างกรอบให้ข้อความ HTML ยังไง

7.1K

สร้างกรอบให้ข้อความ HTML ยังไง บทความนี้สอนใช้คำสั่ง border ของ CSS เพื่อสร้างกรอบให้กับข้อความ โดยคำสั่งดังกล่าวรองรับการกำหนดขนาดของเส้นกรอบ และสีของกรอบข้อความ พร้อมแสดงผลลัพธ์ออกสู่หน้าจอ สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง สร้างกรอบให้ข้อความ HTML ยังไง

<div style="border: solid 2px coral;">Welcome to Devdit</div>

คำอธิบาย

สร้างกรอบให้ข้อความ HTML จากตัวอย่างกำหนดข้อความไว้ภายในแท็ก div ของ HTML จากนั้นสร้างกรอบด้วยคำสั่ง border กำหนดขนาดความหนาของเส้นกรอบคือ 2px แบบ solid สี coral กำหนดไว้ภายใน attribute style พร้อมแสดงผลลัพธ์ออกสู่หน้าจอ

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