การเชื่อมโยง CSS (ลิงค์)
การเชื่อมโยงที่แตกต่างกันอาจมีลักษณะแตกต่างกัน
รูปแบบการเชื่อมโยง
การเชื่อมโยงสไตล์คุณสามารถใช้คุณสมบัติ CSS ใด ๆ (เช่นสีตัวอักษร, พื้นหลัง, ฯลฯ )
การเชื่อมโยงพิเศษสามารถมีรูปแบบที่แตกต่างกันขึ้นอยู่กับสิ่งที่รัฐที่พวกเขามี
สี่รัฐที่มีการเชื่อมโยง:
- A: การเชื่อมโยง - ปกติการเชื่อมโยง unvisited
- A: เยี่ยมชม - การเชื่อมโยงผู้ใช้ได้เข้าเยี่ยมชม
- A: โฉบ - เมื่อ mouses ผู้ใช้ผ่านการเชื่อมโยงเมื่อ
- A: การใช้งาน - การเชื่อมโยงมีการคลิกขณะนี้
ตัวอย่าง
A: visited {color: # 00FF00;} / * การเชื่อมโยงเข้าเยี่ยมชม * /
A: โฉบ {color: # FF00FF;} / * เลื่อนเมาส์ไปที่ลิงค์ * / การ
A: การใช้งาน {color: # 0000FF;} / * * * * * คลิกเมาส์ /
ลอง»
เมื่อตั้งค่าไปยังหมายเลขของรูปแบบการเชื่อมโยงรัฐมีกฎบางอย่างของการสั่งซื้อ:
- A: โฉบต้องปฏิบัติตามลิงค์: และ: เข้าเยี่ยมชมในภายหลัง
- A: การใช้งานต้องทำตาม: เลื่อนเมาส์ไปวางที่อยู่เบื้องหลัง
รูปแบบเชื่อมโยงกัน
ตามที่ตัวอย่างข้างต้นเปลี่ยนสีลิงค์เพื่อที่จะเห็นสิ่งที่รัฐจะอยู่ใน
ลองดูที่วิธีการทั่วไปอื่น ๆ บางอย่างกับรูปแบบการเชื่อมโยง:
ตกแต่งข้อความ
แอตทริบิวต์ตกแต่งข้อความส่วนใหญ่จะใช้ในการลบขีดเส้นใต้ในการเชื่อมโยง:
ตัวอย่าง
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
ลอง»
สีพื้นหลัง
คุณสมบัติสีพื้นหลังระบุสีพื้นหลังของการเชื่อมโยง:
ตัวอย่าง
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}
ลอง»
ตัวอย่างเพิ่มเติม
เพิ่มรูปแบบที่แตกต่างกันของการเชื่อมโยง
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการเพิ่มรูปแบบอื่น ๆ ที่จะเชื่อมโยงหลายมิติ
ขั้นสูง - สร้างการเชื่อมโยงกล่อง
ตัวอย่างนี้แสดงให้เห็นถึงตัวอย่างที่สูงขึ้นเรารวมจำนวนของคุณสมบัติ CSS ปรากฏเป็นกล่อง