วิธีเน้นลิงก์ด้วยสี

สารบัญ:

วิธีเน้นลิงก์ด้วยสี
วิธีเน้นลิงก์ด้วยสี
Anonim

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

วิธีเน้นลิงก์ด้วยสี
วิธีเน้นลิงก์ด้วยสี

คำแนะนำ

ขั้นตอนที่ 1

หากต้องการแก้ไขพารามิเตอร์การแสดงลิงก์ คุณต้องเปลี่ยนรหัสเพจ เปิดเอกสาร HTML ของคุณด้วยยูทิลิตี้แก้ไขโค้ด ใช้โปรแกรมแก้ไข Windows มาตรฐาน "Notepad" คุณยังสามารถติดตั้งโปรแกรมเพิ่มเติม เช่น Notepad ++ หรือ HTML-Viewer ที่จะช่วยให้คุณดูโค้ดที่ต้องการได้ด้วยการเน้นไวยากรณ์ หากต้องการเปิดไฟล์ในตัวแก้ไข ให้คลิกขวาและเลือก "เปิดด้วย" ในรายการที่ปรากฏขึ้น ให้ระบุยูทิลิตี้ที่คุณเลือก

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

หลังจากเลือกบรรทัดที่คุณต้องการเปลี่ยนแล้ว ให้ไปที่บล็อกหน้า หลังจากปิด descriptor ให้ป้อนแท็กและสร้าง CSS pseudo-class ที่ต้องการ ตัวอย่างเช่น:

.colorchange {สี: แดง;

พื้นหลัง: สีน้ำเงิน;

ช่องว่างภายใน: 1px; }

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

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

ชื่อลิงค์

ขั้นตอนที่ 6

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