อยู่แถวๆนี้ครับ เป็น stylesheet ของ tag A
/* Links
----------------------------------------------- */
a:link {
color:#9db;
}
a:visited {
color:#798;
}
a:hover {
color:#fff;
}
a img {
border-width:0;
}
#main a:link {
color:#347;
}
#main a:visited {
color:#666;
}
#main a:hover {
color:#68a
}
มี 3 stage
:link - ขณะปกติ ยังไม่มีการกด link
:visited - link ทีมีการเข้าไปดูแล้ว
:hover - link ขณะเอาเมาท์ไปวางเหนือมัน
และนี่ก็คือโค้ดสี มีการกำหนดได้ 3 รูปแบบ
แบบที่ 1 - ใช้ข้อความ เช่น color:
red หรือ color:
green มีชื่อมาตรฐานของสีกำหนดไว้ (หาในเน็ต)
แบบที่ 2 - ใช้เลขฐาน 16 จำนวน 6 หลัก เช่น color:
#a922db;
แบบที่ 3 - ใช้เลขฐาน 16 จำนวน 3 หลัก ซึ่งเริ่มมีคนใช้เยอะขึ้น เพราะัมันจะได้โค้ดสีมาตรฐานและดูดี เช่น color:
#9db; จะหมายถึง color:
#99ddbb; นั่นเอง
และจะเห็นแปลกๆคือ
#main a:link
ตัว #main เป็นชื่อของ css block name ที่จะทำให้ link ที่อยู่ใน block name นั้น แตกต่างจาก link ทั่วไปได้
ซึ่งมันจะเป็นการเซ็ต ใน DIV Tag
ตามตัวอย่างก็จะเป็น <div id="main">
ดังนั้น link ที่อยู่ใน block id ชื่อ main ก็จะเป็นตามที่เรากำหนด