วิธีสร้างลิงค์หลากสีใน HTML

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

โซลูชันคลาส CSS

รหัส

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

 .blue {color: # 00f;} .green {color: # 008000;} 

ถัดไปเป็นลิงค์ที่มีแท็ก span ที่ใช้สีที่กำหนด CSS ข้างต้น

 ComputerHope 

ตัวอย่าง

คอมพิวเตอร์หวัง

คุณลักษณะสไตล์

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

 คอมพิวเตอร์หวัง 

ตัวอย่าง

คอมพิวเตอร์หวัง

โซลูชันแท็กแบบอักษร HTML

การใช้แท็กเป็นอีกวิธีในการสร้างลิงค์หลายสี อย่างไรก็ตามแท็กแบบอักษรเลิกใช้แล้วและขอแนะนำให้คุณใช้วิธีนี้เฉพาะในกรณีที่ CSS ไม่พร้อมใช้งาน

รหัส

 ComputerHope 

ตัวอย่าง