การเปลี่ยนพารามิเตอร์การแสดงผลของลิงก์ใน html สามารถทำได้โดยใช้สไตล์ชีต css แบบเรียงซ้อน สิ่งเหล่านี้ช่วยให้คุณปรับแต่งการแสดงฟอนต์ของลิงค์ สีของฟอนต์ก่อนที่ผู้ใช้จะคลิกและหลังจากคลิกเมาส์ คุณยังสามารถเปลี่ยนแบบอักษรของแบบอักษรที่ใช้และขนาดได้
คำแนะนำ
ขั้นตอนที่ 1
คลาสและคลาสหลอกใช้เพื่อตั้งค่าพารามิเตอร์ลิงก์ใน css ลิงก์ระดับหลอก a: กำหนดรูปแบบสำหรับลิงก์ปกติ a: เยี่ยมชม ช่วยให้คุณปรับแต่งการแสดงลิงก์ที่ใช้แล้วได้ ตอบ: แอคทีฟจะจัดการพารามิเตอร์ของแท็กเมื่อเคอร์เซอร์ถูกคลิกบนองค์ประกอบ และ a: โฮเวอร์จะกำหนดรูปแบบของลิงก์เมื่อคุณวางเมาส์เหนือมัน คุณยังสามารถสร้างคลาสใดๆ สำหรับองค์ประกอบได้ด้วยตัวเอง และในพารามิเตอร์ ให้ใช้ตัวดำเนินการมาตรฐานเพื่อจัดรูปแบบข้อความ
ขั้นตอนที่ 2
หากต้องการปิดใช้งานการแสดงขีดเส้นใต้ของข้อความลิงก์ในเบราว์เซอร์ ให้ใช้พารามิเตอร์ text-decoration: none คุณสามารถระบุแอตทริบิวต์นี้ทั้งในคลาสและในคลาสหลอกสำหรับองค์ประกอบ หากต้องการเปลี่ยนสีของลิงก์ ให้ใช้พารามิเตอร์สีสำหรับขนาด - แอตทริบิวต์ขนาดแบบอักษรมาตรฐาน หากคุณต้องการรวมตัวหนาหรือตัวเอียง ให้ใช้พารามิเตอร์ font-weight
ขั้นตอนที่ 3
เปิดไฟล์ html ด้วยโปรแกรมแก้ไขข้อความที่คุณใช้เพื่อแก้ไขโค้ดของเพจ หลังจากนั้น ไปที่ส่วนของเอกสารของคุณและตั้งค่าโค้ด css สำหรับลิงก์ในอนาคตบนหน้าโดยใช้แฮนเดิล ตัวอย่างเช่น:
การเปลี่ยนลิงค์
a: ลิงค์ {text-decoration: none;
ขนาดตัวอักษร: 14px;
font-weight: ตัวหนา;
สี: แดง; }
ขั้นตอนที่ 4
โค้ดนี้จะลบเส้นใต้ออกจากลิงก์ปกติ กำหนดขนาดข้อความเป็น 14 พิกเซล ใช้รูปแบบตัวหนาและสีแดงขององค์ประกอบ ตอนนี้ลิงก์ในแท็กจะแสดงแบบนี้
ขั้นตอนที่ 5
คุณสามารถกำหนดสไตล์สำหรับแต่ละลิงก์ได้โดยใช้คลาส css ดังนั้น หากโค้ดในแท็กมีลักษณะดังนี้:
a.link1 {ขนาดตัวอักษร: 20px; สีดำ;}
ขั้นตอนที่ 6
คุณสามารถกำหนดขนาดของลิงก์เป็น 20 พิกเซลและเป็นสีดำได้โดยใช้คลาสในเนื้อหาของเอกสารดังนี้
ลิงค์
จากตัวอย่าง คุณจะเห็นว่าลิงก์ถูกกำหนดคลาสโค้ด css แบบย้อนกลับที่สร้างขึ้นโดยการระบุแอตทริบิวต์คลาสของลิงก์ ลิงก์นี้จะแสดงเป็นสีดำและมีขนาด 20 พิกเซล หากต้องการเปลี่ยนแอตทริบิวต์นี้ ให้แก้ไขโค้ด css ของส่วนหน้า
ขั้นตอนที่ 7
การเปลี่ยนรูปลักษณ์ของลิงก์เสร็จสมบูรณ์ คุณสามารถบันทึกการเปลี่ยนแปลงที่ทำในไฟล์และเรียกใช้เพื่อดูในเบราว์เซอร์ได้