การกำหนดลักษณะ links
css สามารถกำหนดลักษณะของ links ตามสถานะที่แตกต่างกันได้ ซึ่งสถานะของ links นั้นประกอบด้วย 4 สถานะดังนี้
- a:link เป็นการแสดงลักษณะ link ในสถานะปกติ
- a:visited เป็นการแสดงลักษณะ link ในสถานะที่ผู้เยี่ยมชมเว็บไซต์ได้คลิก link นั้นแล้ว
- a:hover เป็นการแสดงลักษณะ link ในสถานะที่มีการนำเมาส์ไปวางบน link
- a:active เป็นการแสดงลักษณะ link ในสถานะที่มีการคลิก link นั้น
กำหนดคุณลักษณะของ link ด้วย css
a:link{color:#FF0000;}
a:visited{color:#FF0000;}
a:active{color:#00FF00;}
a:hover{color:#0000FF;}
a:visited{color:#FF0000;}
a:active{color:#00FF00;}
a:hover{color:#0000FF;}
ยกเลิกการขีดเส้นใต้ให้กับ link
การยกเลิกขีดเส้นใต้ให้กับ link
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:none;}
การใส่สี background ให้กับ link
เราจะใช้คุณสมบัติของ background-color ในการกำหนดสี background ให้กับ link
กำหนดสี background ให้กับ link
a:link{background-color:#FF0000;}
a:visited{background-color:#FF0000;}
a:active{background-color:#FF0000;}
a:hover{background-color:#FF0000;}
a:visited{background-color:#FF0000;}
a:active{background-color:#FF0000;}
a:hover{background-color:#FF0000;}
our standard:
