หมวดหลัก:: บทเรียน - เขียนโปรแกรม เบื้องต้น; บทเรียน -...
หมวด:: บทเรียน 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

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

หัวข้อกระทู้	ตอบ	เปิดดู	ล่าสุด
วิธีอ่านค่าแรม จากสติ๊กเกอร์แปะแรม ตัวอย่างของ KVR Kingston โดย mindphp อ 26 มี.ค. 2024 6:28 pm บอร์ด Microsoft Office Knowledge & line & Etc	0	164	อ 26 มี.ค. 2024 6:28 pm โดย mindphp
การลบฐานข้อมูลโดยไม่ Backup ความผิดพลาดที่สามารถเสื่อมเสียธุรกิจ โดย athirach.offcial อ 26 มี.ค. 2024 6:24 pm บอร์ด SQL Knowledge	0	108	อ 26 มี.ค. 2024 6:24 pm โดย athirach.offcial
การลบฐานข้อมูลโดยไม่ Backup ความผิดพลาดที่สามารถเสื่อมเสียธุรกิจ โดย athirach.offcial อ 26 มี.ค. 2024 3:38 pm บอร์ด Linux - Web Server	0	121	อ 26 มี.ค. 2024 3:38 pm โดย athirach.offcial
ทำความรู้จัก Linear regression เทคนิคพื้นฐานทางสถิติในการทำนายข้อมูล โดย athirach.offcial อ 26 มี.ค. 2024 3:04 pm บอร์ด Python Knowledge	0	134	อ 26 มี.ค. 2024 3:04 pm โดย athirach.offcial
ราคาเครื่อง Server Dell R210 II เมื่อ 11 ปีก่อน (15 พ.ค. 2013 ) โดย mindphp อ 26 มี.ค. 2024 2:49 am บอร์ด ถาม - ตอบ คอมพิวเตอร์	0	137	อ 26 มี.ค. 2024 2:49 am โดย mindphp
CPU ที่สามารถใช้ได้กับเมนบอร์ดซ็อกเก็ต FCLGA1155 บนเครื่อง Dell Server R210 II โดย mindphp อ 26 มี.ค. 2024 1:45 am บอร์ด Microsoft Office Knowledge & line & Etc	1	170	อ 26 มี.ค. 2024 1:49 am โดย mindphp
อัพเดท joomla 3.10.12 to 4 ไม่ได้ครับ ติด Invalid login โดย Itadm จ 25 มี.ค. 2024 3:35 pm บอร์ด Joomla Development	7	2429	ศ 29 มี.ค. 2024 1:50 pm โดย mindphp
แนะนำการเดินทาง และสถานที่ท่องเที่ยวในจังหวัดขอนแก่น โดย athirach.offcial จ 25 มี.ค. 2024 3:08 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย	0	188	จ 25 มี.ค. 2024 3:08 pm โดย athirach.offcial

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

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

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

ตอบ

เปิดดู

ล่าสุด