CSS

2008/Aug/18

ส่วนของลิงค์และสีตัวอักษร

          

/*------------------------ส่วนลิงค์ของตัวอักษร ------------------------*/

a:link { /* สี ตัวอักษรลิงค์ */
color: blue;<<<เปลี่ยนสี
text-decoration: none;<<<คำสั่งเพิ่มเติม
}
a:hover { /* สี ตัวอักษรเมื่อเอา เมาส์วาง*/
color: green;<<<เปลี่ยนสี
text-decoration: underline;<<<คำสั่งเพิ่มเติม
}
a:visited {/* สี ตัวอักษรเมื่อคลิก link แล้ว*/
color: white;<<<เปลี่ยนสี
text-decoration: none;<<<คำสั่งเพิ่มเติม
}

ลูกเล่นกับลิงค์ และ สีของลิงค์

    ก็คือคำสั่งเพิ่มเติมที่ทำให้ลิงค์แสดงออกมาคะ เช่น

underline

text-decoration: underline;

underline overline

text-decoration: underline overline;

overline

text-decoration: overline;

line-through

text-decoration: line-through;

none

text-decoration: none;

ช่องระหว่างตัวอักษร

letter-spacing: 2;

Welcome

filter:blur;height:3;

Welcome

filter:glow(color:#FFFF00, strength=4);height:0px;width:inherit

นำโค๊ดไปใส่ไว้กับโค๊ดหลัก ก็จะได้ลิงค์ รวมถึงตัวอีกษรตามคำสั่งเพิ่มเติมคะ