ให้เรตสมาชิก: 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
กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
เมื่อมีโอกาสทำงาน...
โดย mindphp พฤ 21 มิ.ย. 2018 12:59 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
4
พฤ 21 มิ.ย. 2018 12:59 am โดย mindphp
R - รายละเอียดวิธีคิดต้นทุนสินค้า [2018-06][007]
โดย Rujikon พ 20 มิ.ย. 2018 8:06 pm บอร์ด Mindphp Task (ทดลองงาน)
0
1
พ 20 มิ.ย. 2018 8:06 pm โดย Rujikon
สอบถามเกี่ยวกับ onclick html
โดย AePongsak พ 20 มิ.ย. 2018 6:33 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
14
พ 20 มิ.ย. 2018 6:33 pm โดย AePongsak
B - ปุ่มปริ้น inv มี 2 ปุ่ม
โดย thatsawan พ 20 มิ.ย. 2018 6:25 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
1
พ 20 มิ.ย. 2018 6:25 pm โดย thatsawan
R - รายละเอียดวิธีคิดต้นทุนสินค้า [2018-06][007]
โดย Rujikon พ 20 มิ.ย. 2018 4:21 pm บอร์ด Hachanna - Testter
1
9
พ 20 มิ.ย. 2018 9:00 pm โดย Rujikon
B - หน้า Detail ช่องว่างด้านล่างเยอะไป
โดย AePongsak พ 20 มิ.ย. 2018 2:23 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
0
4
พ 20 มิ.ย. 2018 2:23 pm โดย AePongsak
B - คลิกที่รูปแล้วไม่ไปหน้า Detail
โดย AePongsak พ 20 มิ.ย. 2018 2:20 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
0
2
พ 20 มิ.ย. 2018 2:20 pm โดย AePongsak
B - กรอบหน้าดาวน์โหลดไม่โค้ง
โดย AePongsak พ 20 มิ.ย. 2018 2:11 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
0
3
พ 20 มิ.ย. 2018 2:11 pm โดย AePongsak
B - ไม่เห็นตัวเลขที่ แบ่งหน้าสินค้า
โดย AePongsak พ 20 มิ.ย. 2018 2:07 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
0
2
พ 20 มิ.ย. 2018 2:07 pm โดย AePongsak
B - ช่องสินค้ากว้างกว่าช่องอื่น
โดย AePongsak พ 20 มิ.ย. 2018 2:06 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
0
2
พ 20 มิ.ย. 2018 2:06 pm โดย AePongsak
Q - ทำรูปภาพในหน้า order ให้เปลี่ยนสีตามที่เลือก
โดย Parichat พ 20 มิ.ย. 2018 11:17 am บอร์ด Joomla Dev
20
47
พ 20 มิ.ย. 2018 7:53 pm โดย Parichat
เข้าดู supplier แล้วเกิด error
โดย wilawan พ 20 มิ.ย. 2018 10:33 am บอร์ด บริษัท เซนิธ เบบี้ แคร์ จำกัด - Tester
4
9
พ 20 มิ.ย. 2018 11:05 am โดย thatsawan
งานประจำวันที่ 20 มิถุนายน 2561
โดย Rujikon พ 20 มิ.ย. 2018 10:43 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
2
10
พ 20 มิ.ย. 2018 6:20 pm โดย Rujikon
งานประจำวันที่ 20 มิถุนายน 2561
โดย taemmynatchapon พ 20 มิ.ย. 2018 10:42 am บอร์ด M063 - ณัชพล ชัยวุฒิ
1
5
พ 20 มิ.ย. 2018 7:38 pm โดย taemmynatchapon
B-ไม่สามารถดูข้อมูลใน Lead ได้
โดย watcharin พ 20 มิ.ย. 2018 10:14 am บอร์ด M.D.Soft Co.,Ltd. - Tester
0
6
พ 20 มิ.ย. 2018 10:14 am โดย watcharin
งานประจำวันที่ 20 มิถุนายน 2561
โดย Parichat พ 20 มิ.ย. 2018 9:48 am บอร์ด M061 - ปาริชาติ รัตโณภาส
1
2
พ 20 มิ.ย. 2018 7:47 pm โดย Parichat
งานประจำวันที่ 20 มิถุนายน 2561
โดย wilawan พ 20 มิ.ย. 2018 9:43 am บอร์ด M062 - วิลาวัณย์ นักษัตรมณฑล
3
15
พ 20 มิ.ย. 2018 5:58 pm โดย wilawan
ฺB - ทำไมไม่มีการคำนวณต้นทุนเงินบาทครับ [2018-06][006]
โดย Rujikon อ 19 มิ.ย. 2018 5:40 pm บอร์ด Hachanna - Testter
8
41
พ 20 มิ.ย. 2018 5:34 pm โดย Rujikon
Q - จัดรูปให้ติดกัน
โดย Parichat อ 19 มิ.ย. 2018 3:23 pm บอร์ด Joomla Dev
28
54
อ 19 มิ.ย. 2018 7:00 pm โดย Parichat
Q - สอบถามการตั้งค่า Access Right ของ User ใหม่สำหรับใช้งาน WH/CLM [2018-06][001]
โดย Rujikon อ 19 มิ.ย. 2018 3:53 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
0
12
อ 19 มิ.ย. 2018 3:53 pm โดย Rujikon