การ ทำ link เปลี่ยน สี จัดทำโดย : Tung พิมพ์


วิธีการทำ link ที่สามารถเปลี่ยนสีได้

คุณอยากให้ลิ้งค์ของคุณเปลี่ยนสีได้ใช่มั้ยครับ ลองสร้างโค้ด CSS ตัวนี้ไปติดกันเลยครับ

<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 และเลือกที่ชื่อของลิ้งค์นั้น

ผลลัพธ์เช่น

http://www.webthaidd.com

 

คุณอาจสนใจ
สร้างข้อความ blink blink
langjuko (127,700 - 28 ต.ค. 51)
การทำ Flash Popup menu
Black-Hawk (103,766 - 22 ม.ค. 51)
การค้นหาข้อความ และแทนที่ด้วยข้อความใหม่
Mr.nook (21,437 - 14 ม.ค. 51)
การกำหนดระบุวินโดว์หรือเฟรมที่ต้องการให้แสดงเว็บเพจปลายทางการลิงค
สายลม (33,152 - 29 มี.ค. 51)
ทำหน้าปัดวิทยุ
Charoen (61,902 - 31 ม.ค. 50)
การทำพื้นหลังแบบลำแสงพระอาทิตย์
NOK (222,141 - 22 มี.ค. 51)
การวาดรูปโดยใช้ Basic Shapes
หมูขุน (15,929 - 04 ก.พ. 50)
เราสามารถใช้ประโยชน์อะไรได้บ้างจากการใช้อินเทอร์เน็ตความเร็วสูง ADSL
เว็บไทยดีดี (21,561 - 25 ส.ค. 50)