ตกแต่งองค์ประกอบ CSS ที่เน้นการตกแต่ง

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

ข้อมูลจำเพาะของบันทึกแอตทริบิวต์

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

ข้อความ ตกแต่ง: attribute_value ;

แอตทริบิวต์ CSS มี แอตทริบิวต์ CSS แทน แอตทริบิวต์

• ขีดเส้นใต้ - บรรทัดนี้อยู่ใต้ข้อความอย่างเคร่งครัด
• เส้น Overline - บรรทัดที่ส่งผ่านจากด้านบนของข้อความ
• ไม่มี - การลบผลงานตกแต่งทั้งหมด
• สืบทอด - ใช้ค่าขององค์ประกอบหลัก

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

ตัวอย่างการออกแบบการเชื่อมโยงหลายมิติ

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

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

A {text-decoration: none;}

รายการต่อไปนี้ใช้สำหรับลิงก์ที่ใช้งานอยู่:

ตอบ: เลื่อนเมาส์ {text-decoration: ขีดเส้นใต้;}

เน้นการตกแต่งขั้นสูง

แอตทริบิวต์ ตกแต่ง ข้อความ มาตรฐานมีข้อ จำกัด หลายประการ:

• สีของบรรทัดไม่แตกต่างจากสีของข้อความของลิงค์ที่เป็นไปไม่ได้ที่จะแยกความแตกต่าง "สีของพวกเขา";
• ใช้เฉพาะเส้นทึบเป็นเครื่องหมายขีดล่างเท่านั้น CSS ไม่ได้หมายความถึงการใช้โครงร่างอื่น ๆ

แต่เทคนิคพิเศษช่วยในการหลีกเลี่ยงการออกแบบคลาสสิกของข้อความ ในกรณีแรกแท็ก < span > เพิ่มเติมจะถูกใช้เพื่อระบุการเชื่อมโยงหลายมิติ

ตัวอย่างเช่น