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

สารบัญ:

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

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

วีดีโอ: วิธีเปลี่ยนสีลิงค์ใน Html
วีดีโอ: การเปลี่ยนสีลิงค์ โดยการใช้ CSS 2024, อาจ
Anonim

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

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

Html

เปิดไฟล์ HTML ด้วยโปรแกรมแก้ไขข้อความ ในการดำเนินการนี้ ให้คลิกขวาที่ไฟล์แล้วเลือก "เปิดด้วย" จากนั้นเลือกโปรแกรมที่จะใช้

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

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

แทนที่จะระบุชื่อภาษาอังกฤษ คุณสามารถใช้ค่าฐานสิบหก HTML เพื่อกำหนดเฉดสีที่ต้องการได้:

CSS

สามารถใช้แอตทริบิวต์ CSS เพื่อกำหนดสีบนหน้าได้ ตัวอย่างเช่น:

ลิงค์

ลิงค์2

สีของข้อความถูกกำหนดโดยการระบุพารามิเตอร์สี CSS ในแอตทริบิวต์ style ซึ่งสามารถระบุได้ทั้งในรูปแบบเลขฐานสิบหกหรือคำ

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

ชื่อหน้า

ก {สี: เขียว; }

a: เยี่ยมชม {สี: สีเทา; }

a: ใช้งานอยู่ {สี: สีเหลือง; }

a: โฮเวอร์ {สี: ส้ม; }

& lt / head>

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

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

แนะนำ: