วิธีเปลี่ยนสีลิงค์ใน Html

สารบัญ:

วิธีเปลี่ยนสีลิงค์ใน Html
วิธีเปลี่ยนสีลิงค์ใน Html

วีดีโอ: วิธีเปลี่ยนสีลิงค์ใน Html

วีดีโอ: วิธีเปลี่ยนสีลิงค์ใน Html
วีดีโอ: HTML Tutorial 8 - Changing Hyperlink Color 2024, อาจ
Anonim

นักพัฒนาเว็บมือใหม่มักสงสัยเกี่ยวกับการเปลี่ยนรูปลักษณ์ของไฮเปอร์ลิงก์ สิ่งนี้ค่อนข้างเป็นธรรมชาติเพราะว่าหัวข้อของการจัดรูปแบบลิงค์ที่ถูกต้องนั้นถูกยกขึ้นอย่างต่อเนื่องโดยนักออกแบบและนักออกแบบเลย์เอาต์

วิธีเปลี่ยนสีลิงค์ใน html
วิธีเปลี่ยนสีลิงค์ใน html

คำแนะนำ

ขั้นตอนที่ 1

ตามค่าเริ่มต้น ลิงก์จะถูกวาดด้วยสีน้ำเงิน (# 0000FF) มีการขีดเส้นใต้และเปลี่ยนสีเมื่อเปลี่ยนเป็นสีม่วง (# 800080) โดยลิงก์ที่ใช้งานอยู่จะไฮไลต์เป็นสีแดง (# FF0000) การตั้งค่าสีสำหรับลิงก์ทั้งหมดบนหน้าเว็บในสถานะต่างๆ ดำเนินการโดยใช้เครื่องมือ HTML มาตรฐาน ซึ่งเป็นแอตทริบิวต์สามประการของแท็ก การเปลี่ยนพารามิเตอร์การออกแบบของแต่ละลิงก์สามารถทำได้โดยการเปลี่ยนค่าแอตทริบิวต์ของแท็กที่เกี่ยวข้อง

ขั้นตอนที่ 2

มีสามวิธีในการตั้งค่าแอตทริบิวต์สไตล์ ในทุกกรณี คุณต้องระบุแบบอักษรและสีขีดเส้นใต้ ซึ่งสามารถอยู่ในรูปแบบของรหัสเลขฐานสิบหกในรูปแบบเต็ม (#FFFFFF) หรือตัวย่อ (#fff) นอกจากนี้ยังระบุสีได้ในรูปแบบ RGB (101, 010, 111) หรือค่า html มาตรฐานของแอตทริบิวต์ style ซึ่งก็คือคีย์เวิร์ด (สีเทา สีแดง ฯลฯ) ค่าเหล่านี้กำหนดไว้สำหรับแอตทริบิวต์ลิงก์ alink และ vlink

ขั้นตอนที่ 3

แอตทริบิวต์ลิงก์ที่เป็นตัวเลือกของแท็กจะกำหนดสีของไฮเปอร์ลิงก์ทั้งหมดบนหน้า หากไม่ได้ระบุแอตทริบิวต์ ระบบจะถือว่าค่าดีฟอลต์

ขั้นตอนที่ 4

แอตทริบิวต์ alink ที่เป็นตัวเลือกของแท็กกำหนดสีของไฮเปอร์ลิงก์ที่ใช้งานอยู่ทั้งหมด กล่าวคือ เปลี่ยนสีของลิงก์เป็นสีที่ระบุเมื่อคลิก รายการเมนูที่ชี้ไปยังหน้าที่เปิดอยู่ในเบราว์เซอร์จะถือเป็นไฮเปอร์ลิงก์ที่ใช้งานอยู่ หากไม่ได้ระบุแอตทริบิวต์ ระบบจะถือว่าค่าดีฟอลต์

ขั้นตอนที่ 5

แอตทริบิวต์ vlink ที่เป็นตัวเลือกของแท็กจะกำหนดสีของไฮเปอร์ลิงก์ที่เข้าชมทั้งหมด กล่าวคือ เปลี่ยนสีของลิงก์หลังจากคลิก หากไม่ได้ระบุแอตทริบิวต์ ระบบจะถือว่าค่าดีฟอลต์

ขั้นตอนที่ 6

คุณสามารถใช้คุณสมบัติ CSS ในเอกสาร HTML เพื่อเปลี่ยนสีของไฮเปอร์ลิงก์ทั้งหมด พวกเขาเขียนระหว่างแท็กที่จับคู่และระบุระหว่างแท็กที่จำเป็นและ คุณสมบัติถูกกำหนดผ่านตัวเลือก A: โดยมีคลาสหลอกที่เข้าชม ซึ่งระบุสีของลิงก์ที่เข้าชม ใช้งานอยู่ ซึ่งระบุสีของลิงก์ที่ใช้งานอยู่ หรือโฮเวอร์ ซึ่งระบุสีของลิงก์เมื่อวางเมาส์เหนือลิงก์เหล่านั้น

ขั้นตอนที่ 7

หากคุณต้องการเปลี่ยนสีของแต่ละลิงก์ ไม่ใช่ทั้งหมดพร้อมกัน คุณควรใช้แอตทริบิวต์ style สำหรับแท็ก ซึ่งจะเชื่อมโยงสไตล์กับแท็กเฉพาะ ค่าของแอตทริบิวต์ในกรณีนี้คือคุณสมบัติสี ไวยากรณ์จะเป็นดังนี้: นั่นคือ คุณสามารถใช้วิธีใดก็ได้จากสี่วิธีเพื่อระบุสี

แนะนำ: