CSS ขีดเส้นใต้ 2 เส้น ใต้ข้อความที่ต้องการ

สอนภาษา CSS เขียนโค้ดขีดเส้นใต้ 2 เส้น ใต้ข้อความที่ต้องการ ด้วยการกำหนดคำสั่ง text-decoration-line และ text-decoration-style เพื่อขีดเส้นใต้ 2 เส้น ในข้อความที่ต้องการ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS ขีดเส้นใต้ 2 เส้น ใต้ข้อความที่ต้องการ

<style>
.double_line {
  text-decoration-line: underline;
  text-decoration-style: double;
}    
</style>

<div class="double_line">ข้อความนี้ขีดเส้นใต้ 2 เส้น ด้วย CSS</div>

1. สร้าง class CSS ชื่อ double_line กำหนดค่า text-decoration-line: underline และ text-decoration-style: double

2. นำ class double_line ไปใช้งานกับ div ใน HTML เพื่อขีดเส้นใต้ 2 เส้น ใต้ข้อความที่ต้องการ