เป็นการกำหนดรูปแบบ 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>
ผลลัพธ์
ความคิดเห็น