Pseudo Class

10 เม.ย. 2016, 16:48:36

1,332

เป็นการกำหนดรูปแบบ css แบบหลายชั้น ตัวอย่างเช่น การกำหนด css ให้กับ tag a

เป็นการกำหนดรูปแบบให้กับการเชื่อมโยงหรือลิ้งค์
1.    A:LINK  การเชื่อมโยงที่ยังไม่ได้เรียกใช้
2.    A:ACTIVE การเชื่อมโยงที่กำลังเรียกใช้ กำลังเปิดเพจ
3.    A:VISITED การเชื่อมโยงที่เรียกใช้แล้ว
4.    A:HOVER การเชื่อมโยงที่เมาส์ชี้

รูปแบบ

A:LINK{
	}
A:ACTIVE{
	}		
A:VISITED{
	}
A:HOVER{
	}


ตัวอย่าง ex34.html

<html>
<head>
<title>CSS</title>
<style type= “text/css">
		A:LINK{
			font-size:14pt;
			color:red;
			text-decoration: underline;
		}
		A:ACTIVE{
			font-size:14pt;
			color:BLUE;
			text-decoration: none;
		}		
		A:VISITED{
			font-size:14pt;
			color:GREEN;
			text-decoration: none;
		}
		A:HOVER{
			font-size:14pt;
			color:YELLOW;
			text-decoration: none;
		}		
</style>
</head>
<body>
<a href= “http://www.sisaketlink.com">SisaketLink</a>
</body>
</html>


ผลลัพธ์

ความคิดเห็น

หากบทเรียนรู้มีความผิดพลาดประการใด หรือมีข้อเสนอแนะกรุณาแจ้ง contact@programmerthailand.com