<STYLE type=text/css>
.link_12_dark_blue:link {
font-family: MS Sans Serif, Tahoma, sans-serif;
font-size: 15px;
text-decoration: none;
color:#0066CC;
}
.link_12_dark_blue:visited {
font-family: MS Sans Serif, Tahoma, sans-serif;
font-size: 15px;
text-decoration: none;
color:#0066CC;
}
.link_12_dark_blue:active {
font-family: MS Sans Serif, Tahoma, sans-serif;
font-size: 15px;
text-decoration: none;
color:#0066CC;
}
.link_12_dark_blue:hover {
font-family: MS Sans Serif, Tahoma, sans-serif;
font-size: 15px;
text-decoration: none;
color:#FF0000;
}
< /STYLE>
CSS ตัวนี้มีหน้าที่อะไรบ้าง เรามาทำความเข้าใจกับมันกันดีกว่าครับ
.link_12_dark_blue = ชื่อของ css ที่เราตั้งชื่อให้
link = ตัวลิ้งค์ ไม่มีการกระทำ
visited = เมื่อลิ้งค์นั้นถูกคลิ๊กไปแล้ว
active = คณะที่ลิ้งค์นั้นถูกใช้งาน
hover = คณะ ที่นำเมาส์มาวางบนลิ้งค์
font-family: = ชื่อ font ของลิ้งค์ตัวนั้น
font-size = ขนาดของ font
text-decoration = รูปแบบของตัวอักษร ในกรณี ต้องการ ให้ไม่มีการขีดเส้นใต้ให้ใส่ text-decoration: none;
color:#FF0000; = สีของลิ้งค์
วิธีการเรียกใช้งาน
1 ทำลิ้งค์ขึนค้นมา
2 ลากเมาส์คลุมดำที่ลิ้งค์นั้น
3. คลิกขวาที่แท็ก a จากนั้น เลือก set Class และเลือกที่ชื่อของลิ้งค์นั้น
ขอขอบคุณรูปภาพจาก www.webthaidd.com
ไม่มีความคิดเห็น:
แสดงความคิดเห็น
หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น