ให้เรตสมาชิก: 4 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งาน
 
               PseudoClass  (ซูโด คลาส) หรือคลาสที่เราสร้างขึ้นมาเพื่อกำหนดลักษณะพิเศษขององค์ประกอบนั้นๆในที่นี้จะยกตัวอย่างถึงการเปลี่ยนสีของลิ้งค์ตัวอักษรเมื่อนำเม้าส์ไปชี้

 ภาพตัวอย่างของสีตัวอักษรเมื่อยังไม่ได้นำเม้าส์ไปชี้ภาพตัวอย่างสีของตัวอักษรเมื่อนำเม้าส์ไปชี้

จะเห็นได้ว่า สีของตัวอักษรนั้นเปลี่ยนไป ซึ่งเป็นการตกแต่งให้เว็บไซต์ของเรานั้นสวยงามมากขึ้น
ตัวอย่าง Code (โค้ด) สำหรับการทำ Pseudo Class
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
/* unvisited link */
a:link {
    color: red;
}

/* mouse over link */
a:hover {
    color: #CCFF00;
}


</style>
</head>
<body>

<p><b><h2><a href="/default.asp" target="_blank">ตัวอย่างคำ</a></h2></b></p>
<p><h2>ตัวอย่างสีของตัวอักษรเมื่อยังนำเมาส์ไปชี้.</h2></p>


</body>
</html>
จะเห็นได้ว่า การตั้งค่าสีนั้น จะใส่ได้ทั้งในรูปแบบของโค้ดสี และ ชื่อสี ได้เหมือนกัน
Reference : https://www.w3schools.com/css
กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
รายงานปัญหาที่ต้องแก้ไขใน RTP
โดย pprn อ 13 พ.ย. 2018 6:24 pm บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
0
2
อ 13 พ.ย. 2018 6:24 pm โดย pprn
งานประจำวันที่ 13 พฤศจิกายน 2561
โดย prakon อ 13 พ.ย. 2018 10:00 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
0
5
อ 13 พ.ย. 2018 10:00 am โดย prakon
งานประจำวันที่ 13 พฤศจิกายน 2561
โดย Ittichai_chupol อ 13 พ.ย. 2018 8:31 am บอร์ด M070 - อิทธิชัย ชูผล
0
3
อ 13 พ.ย. 2018 8:31 am โดย Ittichai_chupol
งานประจำวันที่ 13 พฤษจิกายน 2561
โดย tatiya อ 13 พ.ย. 2018 8:30 am บอร์ด M065 - ตติยะ นาชัย
0
1
อ 13 พ.ย. 2018 8:30 am โดย tatiya
งานประจำวันที่ 13 พฤศจิกายน 2561
โดย nice_13 อ 13 พ.ย. 2018 8:30 am บอร์ด M071 - พิชญ์สินี คงจร
2
4
อ 13 พ.ย. 2018 5:58 pm โดย nice_13
งานประจำวันที่ 13 พฤศจิกายน 2561
โดย pprn อ 13 พ.ย. 2018 8:27 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
0
1
อ 13 พ.ย. 2018 8:27 am โดย pprn
B - ปรับเปลี่ยนเทมเพลต เป็นแบบ phpbb
โดย Ittichai_chupol อ 13 พ.ย. 2018 1:03 am บอร์ด ThaiVI - Tester
0
2
อ 13 พ.ย. 2018 1:03 am โดย Ittichai_chupol
B - เพิ่มเเบ่งหน้า ใน extension กระทู้สมาชิก
โดย Ittichai_chupol อ 13 พ.ย. 2018 12:24 am บอร์ด ThaiVI - Tester
0
1
อ 13 พ.ย. 2018 12:24 am โดย Ittichai_chupol
งานประจำวันที่ 12 พฤศจิกายน 2561
โดย prakon จ 12 พ.ย. 2018 4:19 pm บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
9
จ 12 พ.ย. 2018 6:35 pm โดย prakon
งานประจำวันที่ 12 พฤศจิกายน 2561
โดย tai14 จ 12 พ.ย. 2018 4:07 pm บอร์ด MT26 - นางสาวอัครยุภา ยงยุทธ
0
2
จ 12 พ.ย. 2018 4:07 pm โดย tai14
งานประจำวันที่ 12 พฤศจิกายน 2561
โดย nice_13 จ 12 พ.ย. 2018 4:01 pm บอร์ด M071 - พิชญ์สินี คงจร
0
3
จ 12 พ.ย. 2018 4:01 pm โดย nice_13
R - Email เเจ้งเตือนเมื่อ ลง lead
โดย thatsawan จ 12 พ.ย. 2018 2:13 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
1
จ 12 พ.ย. 2018 2:13 pm โดย thatsawan
งานประจำวันที่ 12 พฤศจิกายน 2561
โดย pprn จ 12 พ.ย. 2018 1:13 pm บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
0
6
จ 12 พ.ย. 2018 1:13 pm โดย pprn
งานประจำวัน 12 พฤศจิกายน 2561
โดย Ittichai_chupol จ 12 พ.ย. 2018 11:49 am บอร์ด M070 - อิทธิชัย ชูผล
0
3
จ 12 พ.ย. 2018 11:49 am โดย Ittichai_chupol
งานประจำวันที่ 12 พฤษจิกายน 2561
โดย tatiya จ 12 พ.ย. 2018 11:36 am บอร์ด M065 - ตติยะ นาชัย
1
4
จ 12 พ.ย. 2018 6:38 pm โดย tatiya
แก้ code ปุ่มรับรหัสส่วนลด
โดย Kritsana Leesakul อ 11 พ.ย. 2018 10:16 am บอร์ด Joomla Development
0
23
อ 11 พ.ย. 2018 10:16 am โดย Kritsana Leesakul
งานประจำวันที่ 10 พฤศจิกายน 2561
โดย Parichat ส 10 พ.ย. 2018 3:45 pm บอร์ด Part time work M061
1
6
ส 10 พ.ย. 2018 6:50 pm โดย Parichat
Q - วิธีการที่สร้าง หน้า ต่าง pop up ใน phpbb
โดย Ittichai_chupol ส 10 พ.ย. 2018 3:03 pm บอร์ด Programming - PHP
0
37
ส 10 พ.ย. 2018 3:03 pm โดย Ittichai_chupol
Q - อยากทราบวิธีการ แปลง วันที่เป็น ใน phpbb
โดย Ittichai_chupol ส 10 พ.ย. 2018 2:55 pm บอร์ด Programming - PHP
2
52
จ 12 พ.ย. 2018 2:35 pm โดย thatsawan
gui
โดย Anonymous ส 10 พ.ย. 2018 11:16 am บอร์ด Python Knowledge
0
34
ส 10 พ.ย. 2018 11:16 am โดย บุคคลทั่วไป