home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

CSS Link Color: คอร์ส การฝึกอบรม และแหล่งข้อมูลอื่นๆ

วิธีเรียนรู้ CSS Link Colors

คุณสามารถเรียนรู้ CSS Link Colors ได้จาก courses และ training resources ด้านล่าง สำรวจลิงก์ที่สนใจมากที่สุด

CSS Link Colors คืออะไร

CSS Link Colors ควบคุมสีของ embedded links บน web page ของคุณ เมื่อเพิ่ม link สีของมันถูกควบคุมโดย styling options สามารถเปลี่ยนสีให้เข้ากับ template ด้วยวิธีต่างๆ เช่น inline styling, CSS style sheets ขึ้นอยู่กับ color scheme ของ application

CSS Link Colors ใช้ทำอะไร

CSS Link Colors ควบคุมสีของ embedded links ใน web page ของคุณ

  • CSS Link Colors ใช้ define embedded links ในสีต่างจาก text เพื่อให้โดดเด่น

เรียนรู้ CSS Link Colors

คุณสามารถเรียนรู้ CSS Link Colors บนเว็บไซต์นี้ W3school's guide เสนอวิธีเปลี่ยน color scheme ใน resource นี้ คุณจะเรียนรู้ stages ต่างๆ ที่ link ผ่านเมื่อ user interact และวิธี style link เหมือน button ด้วย CSS

ดูเพิ่มที่ CSS Basics website สำหรับ tips และ tricks ในการ style link

ใช้เวลานานแค่ไหนในการเรียนรู้ CSS Link Colors

เวลาในการเรียนรู้ CSS Link Colors ขึ้นอยู่กับคุณและ commitment และ discipline ในการเรียนหัวข้อนี้

เรียนรู้ CSS Link Colors: ขั้นตอน

  1. Four Link states a:active, a:hover, a:visited, และ a:link. อ้างอิงตัวอย่างต่อไปนี้
    Eg.
    /* A link that has not been visited */
    a:link {
    color: pink;
    } 
    /* A link that has been visited */
    a:visited { 
    color: blue;
    } 
    /* A link that is hovered on */
    a:hover {
    color: red;
    } 
    /* A link that is selected */
    a:active { 
    color: green; 
    }
  2. Link color สำคัญเพื่อเน้น link อ้างอิงตัวอย่าง
    Eg.
    a {
    color: green;
    }
  3. Text Decoration มี 4 ค่า: underline, overline, line-through, และ none. เพื่อเปลี่ยน properties ต่างๆ ดูตัวอย่าง
    a:link { 
    text-decoration: none; 
    }
    a:visited { 
    text-decoration: none; 
    } 
    a:hover { 
    text-decoration: underline;
    } 
    a:active { 
    text-decoration: underline; 
    }
  4. Background Color ตั้งค่าได้พร้อมกับ link color ดูตัวอย่าง
    a:link { 
    background-color: green;
    a:visited { 
    background-color: blue;
    } 
    a:hover {
    background-color: red;
    } 
    a:active {
    background-color: pink; 
    } 

CSS Link

ควรเรียนรู้ CSS Link Colors หรือไม่

เรียนรู้ CSS Link Colors หากต้องการ customize page เพิ่มเติม ยัง useful สำหรับเข้าใจ logic ข้างหลัง magic