วิธีเปลี่ยนสีลิงค์บนเว็บไซต์ On

สารบัญ:

วิธีเปลี่ยนสีลิงค์บนเว็บไซต์ On
วิธีเปลี่ยนสีลิงค์บนเว็บไซต์ On

วีดีโอ: วิธีเปลี่ยนสีลิงค์บนเว็บไซต์ On

วีดีโอ: วิธีเปลี่ยนสีลิงค์บนเว็บไซต์ On
วีดีโอ: การเปลี่ยนสีลิงค์เว็บไซต์ | สร้างเว็บไซต์ง่ายๆด้วยระบบ easyweb 2024, อาจ
Anonim

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

วิธีเปลี่ยนสีลิงค์บนเว็บไซต์ on
วิธีเปลี่ยนสีลิงค์บนเว็บไซต์ on

ในกรณีนี้ คุณจำเป็นต้องรู้ว่าสีของลิงก์เปลี่ยนไปโดยใช้ CSS (Cascading Style Sheets) - สไตล์ชีตแบบเรียงซ้อน ตารางเหล่านี้เป็นตารางที่ใช้ร่วมกับภาษาการเขียนโปรแกรมเพื่อสร้างทรัพยากรบนเว็บ CSS รับผิดชอบโครงสร้างของไซต์ นั่นคือ สำหรับสไตล์ ลักษณะที่ปรากฏ และ html - สำหรับเนื้อหาของทรัพยากร CSS คือความต่อเนื่องของวิวัฒนาการของ HTML

ลิงค์สีบนเว็บไซต์

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

ส่วนใหญ่แล้ว สีของลิงก์บนหน้าเว็บจะถูกตั้งค่าเป็นเลขฐานสิบหก (#EEEEEE - สีเทา) หรือในรูปแบบ rgb (# 808080 - สีเทา) แต่คุณยังสามารถใช้สัญลักษณ์สีภาษาอังกฤษแบบดั้งเดิม (สีเทา - สีเทา) นอกจากนี้ สีสามารถกำหนดเป็นองศาได้ รูปแบบ HSL เหมาะสำหรับสิ่งนี้ แผนภูมิสีหาได้ง่ายบนอินเทอร์เน็ต

เปลี่ยนสีของลิงค์

หากต้องการเปลี่ยนสีของลิงก์ทั้งหมดบนหน้า การเปลี่ยนสีของแอตทริบิวต์สีในสไตล์ก็เพียงพอแล้ว ในการดำเนินการนี้ ให้ค้นหาไฟล์ style.css เปิดไฟล์และค้นหาแอตทริบิวต์ ตัวอย่างเช่น A {สี: สีเขียว; / * สีลิงค์ * /} โดยที่ A คือลิงค์ สีที่เราเปลี่ยนเป็นสีเขียว คุณสามารถเปลี่ยนค่าสีได้ตามต้องการโดยใช้ระบบสัญลักษณ์สีใดๆ เบราว์เซอร์จะ "เข้าใจ" คุณ สไตล์จะนำไปใช้กับลิงก์ทั้งหมดบนหน้าเว็บ คุณสามารถเปลี่ยนสีของแอตทริบิวต์อื่นๆ ในลักษณะเดียวกันได้ เช่น สีของลิงก์เมื่อคุณวางเคอร์เซอร์เมาส์ไว้เหนือลิงก์นั้น

หากต้องการสร้างลิงก์ด้วยสีต่างๆ บนหน้าเว็บ ให้ใช้รายการต่อไปนี้ในสไตล์ชีต:

.menu a {สี: สีเทา; }

.content a {สี: สีเขียว; }

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

ขั้นตอนเดียวกันสามารถทำได้ด้วยลิงก์ หากสไตล์ไม่อยู่ในไฟล์แยกต่างหาก แต่อยู่ในเอกสาร html สิ่งเหล่านี้คือตัวเลือกตามบริบท

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