imkopkap

#7 CSS: การใช้ Text Decoration

ใช้เวลา 5 นาที 16/11/2014

ว่าในเรื่องของแท็ก a เจ้าแท็ก a นะครับถ้าท่านใดเคยเรียนรู้เกี่ยวกับ html มาก่อนจะทราบว่ามันเป็นแท็กใส่หรับสร้างลิ้งนู้นไปยังลิ้งนี้ แบบนี้ครับ Kopkap.in.th ประมาณนี้ครับคร่าวๆ

 

 

เจ้า Text Decoration สำคัญยังไง?

ตัวนี้เป็นพระเอกของ Front-end หลายๆคนที่ทำเว็บนะครับ ก็คือ ปกติเข้าแท็ก a มันจะมีเส้น underline ให้ แบบนี้ครับ kopkap แต่เจ้า Text Decoration สามารถทำให้แท็ก a สามารถมีเส้นใต้หรือไม่มีก็ได้ครับ

 

การกำหนดให้มีเส้นใต้

a {
  text-decoration: underline;
}

 การกำหนดไม่ให้มีเส้นใต้

a {
  text-decoration: none;
}

 การกำหนดเส้นใต้อยู่ข้างบน

a {
    text-decoration: overline;
}

 การกำหนดเส้นขีดฆ่า

a {
    text-decoration: line-through;
}

 


ง่ายมากๆครับสำหรับการกำหนด Text Decoration ให้กับแท็ก a ก

บันทึกแนะนำ