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

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

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

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

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

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

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