โดยปกติ CSS จะมีความสามารถในการช่วยทำให้เราสามารถควบคุมเรื่องของตัวอักษรบนเว็บได้เป็นอย่างดีอยู่แล้ว
ไม่พ้นเรื่องของ Link ด้วยเช่นกัน ดังนั้นเราจึงสามารถที่จะกำหนดสไตล์ต่างๆให้กับ Link ได้ง่ายๆ ด้วย CSS
วิธีการจัดการกับเส้นใต้ของ link เราจะใช้ text-decoration
รูปแบบการนำไปใช้
a : link, a:visitedd {
text-decoration : none;
}
แบบนี้เท่านั้นก็เสร็จเรียบร้อยแล้ว
แต่นอกจากจะสามารถเอาเส้นใต้ออกไปได้แล้ว text-decoration ยังสามารถทำได้อีกหลายรูปแบบ
- Overline เส้นด้านบน
- Line-through เส้นกลาง
- Blink เส้นกระพริบ
จริงๆแล้วเราสามารถที่จะใช้ text-decoration ได้กับทุกตัวอักษรที่อยู่บนหน้าเว็บ แต่ควรที่จะหลีกเลี่ยว เพราะ
การขีดเส้นใต้ Link เป็นเรื่องที่ได้รับการยอบรับในวงกว้างอยู่แล้ว และเชื่อว่าผู้ใช้สามารถเข้าใจได้ง่าย ดังนั้น
หากมีข้อความที่ขีดเส้นใต้ ผู้ใช้จะเข้าใจผิด คิดว่าเป็น link ไปได้นะครับ