เอาเส้นใต้ด้านล่าง Link ออกยังไงดี? ต้องพึ่ง CSS


โดยปกติ CSS จะมีความสามารถในการช่วยทำให้เราสามารถควบคุมเรื่องของตัวอักษรบนเว็บได้เป็นอย่างดีอยู่แล้ว
ไม่พ้นเรื่องของ Link ด้วยเช่นกัน ดังนั้นเราจึงสามารถที่จะกำหนดสไตล์ต่างๆให้กับ Link ได้ง่ายๆ ด้วย CSS
วิธีการจัดการกับเส้นใต้ของ link เราจะใช้ text-decoration

รูปแบบการนำไปใช้
a : link, a:visitedd {

text-decoration :  none;

}

แบบนี้เท่านั้นก็เสร็จเรียบร้อยแล้ว
แต่นอกจากจะสามารถเอาเส้นใต้ออกไปได้แล้ว  text-decoration ยังสามารถทำได้อีกหลายรูปแบบ

  • Overline เส้นด้านบน
  • Line-through เส้นกลาง
  • Blink เส้นกระพริบ

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

 

ใส่ความเห็น