หมวดหลัก:: บทเรียน - เขียนโปรแกรม เบื้องต้น; บทเรียน -...
หมวด:: บทเรียน CSS; บทเรียน CSS; อัปเดตล่าสุด: 13 ตุลาคม 2563 13 ตุลาคม 2563

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

2560-11-02 - การปรับค่า Opacity (โอพาซิตี้) การทำโปร่งแสง ทึบแสง ให้กับรูปภาาพ ด้วย CSS

กระทู้ล่าสุดจากเว็บบอร์ด

หัวข้อกระทู้	เปิดดู	ล่าสุด
คำศัพท์ Antonyms ที่ใช้ในชีวิตประจำวัน โดย internTk21 จ 08 เม.ย. 2024 11:52 am บอร์ด Microsoft Office Knowledge & line & Etc	135	จ 08 เม.ย. 2024 11:52 am โดย internTk21
Stress คำศัพท์ภาษาอังกฤษอย่างไรให้ถูกต้อง โดย internTk21 อ 07 เม.ย. 2024 11:57 pm บอร์ด Microsoft Office Knowledge & line & Etc	138	อ 07 เม.ย. 2024 11:57 pm โดย internTk21
การใช้ Intonation ในภาษาอังกฤษ โดย internTk21 ส 06 เม.ย. 2024 1:46 pm บอร์ด Microsoft Office Knowledge & line & Etc	170	ส 06 เม.ย. 2024 1:46 pm โดย internTk21
พื้นฐานการทำ SEO ในเว็บไซต์ เส้นทางสู่การเพิ่มประสิทธิภาพในการค้นหา โดย athirach.offcial พฤ 04 เม.ย. 2024 4:53 pm บอร์ด Share Knowledge	276	พฤ 04 เม.ย. 2024 4:53 pm โดย athirach.offcial
ลักษณะการทดสอบโปรแกรมที่ไม่เหมาะกับการทดสอบอัตโนมัติ โดย athirach.offcial พฤ 04 เม.ย. 2024 4:49 pm บอร์ด Software testing	297	พฤ 04 เม.ย. 2024 4:49 pm โดย athirach.offcial
Tester trick ข้อควรระวังในการทดสอบโปรแกรม โดย athirach.offcial พฤ 04 เม.ย. 2024 4:43 pm บอร์ด Software testing	100	พฤ 04 เม.ย. 2024 4:43 pm โดย athirach.offcial
การทดสอบและบทบาทของผู้ทดสอบโปรแกรมอัตโนมัติในปี 2024 โดย athirach.offcial พฤ 04 เม.ย. 2024 4:38 pm บอร์ด Software testing	89	พฤ 04 เม.ย. 2024 4:38 pm โดย athirach.offcial
ตัวอย่าง Prefix และ Suffix ในภาษาอังกฤษ โดย internTk21 พฤ 04 เม.ย. 2024 4:34 pm บอร์ด Microsoft Office Knowledge & line & Etc	164	พฤ 04 เม.ย. 2024 4:34 pm โดย internTk21

การเปลี่ยนสีของตัวอักษรเมื่อนำเม้าส์ (Mouse) ไปชี้

เนื้อหาใกล้เคียง

หัวข้อกระทู้

ตอบ

เปิดดู

ล่าสุด