เห็นมีผู้สอบถามมาหลาย ๆ ท่านว่าทำอย่างไรให้ link ซึ่งเป็น text ไม่มีการขีดเส้นใต้ ก็ตอบไปพอสมควรครับ แต่ปัจจุบันไม่อยากตอบแล้ว เพราะมันยาวกับขั้นตอนที่ต้องบอก เลยถือโอกาสหยิบยกมาเขียนเป็นบทความนี้สะเลย...

วิธีการทำ

1. ให้ไปที่หน้าต่าง CSS Styles หรือไปที่ Main Menu แล้ว้ลือกไปที่ Window แล้วเลือกที่เมนู CSS Styles (Window -> CSS Styles)
2. เมื่อไปที่หน้าต่าง CSS แล้วให้เราทำการ Click ไปที่ปุ่มด้านล่างที่ชื่อว่า New Css Style ดังรูป Pic.1

Pic.1

3. click แล้วจะได้หน้าต่างใหม่ขึ้นมาดังรูป Pic.2 แล้วให้กำหนดค่าดังนี้
Pic.2
Type : เลือกไปที่ Use CSS Selector
Selector : เลือก a:link
Define In : เลือกไปที่ This Document Only เพื่อทำการฝัง CSS ที่เราจะสร้างขึ้นนี้ไปกับเว็บเพจนี้เลย

เมื่อกำหนดค่าต่าง ๆ แล้วให้ OK

 

 

 

4. เมื่อทำตามขั้นตอนที่ 3 เสร็จสิ้นแล้ว เราจะได้หน้าต่างใหม่ขึ้นมา ดังรูป Pic.3 ที่หน้าต่าง CSS Style definition นี้ให้เรากำหนดค่าดังนี้

Pic.3

Category : เลือกไปที่ Type
Decoration : เลือกไปที่ none เพื่อกำหนดให้ link ของเราไม่มีการขีดเส้นใต้

จากนั้นก็ OK เป็นอันเสร็จสิ้นการกำหนด link ที่ไม่มีการขีดเส้นใต้อีกต่อไป....

อธิบายเรื่องตัวเลือก Selector
Selector ที่เราได้ทำการเลือกในขั้นตอนก่อน คือ พฤติกรรมของการใช้งาน link ที่ Selector มีให้เลือกอยู่ 4 ตัวเลือกดังนี้
1. a: link คือ link ที่เชื่อมโยง
2. a:visited คือ link ที่มีการเรียกใช้หรือมีการ click ไปแล้ว
3. a:hover คือ พฤติกรรมเมื่อมีเมาท์มาอยู่เหนือ link นั้น ๆ
4. a:active คือ link ที่มีการเรียกใช้งานอยู่ในขณะนั้น

Trick...สำหรับค่า Font, Size, Color เราสามารถกำหนดได้เช่นเดียวกันในขั้นตอนที่ 4 นะครับ

ps. ถ้าต้องการให้พฤติกรรมของ link เปลี่ยนเป็นแบบไหนก็กำหนดได้เหมือนกับขั้นตอนที่กล่าวมา

................................................................................................................................................................................