การจัดรูปแบบแท็กกฎแนวนอน

• อาจ 3, 2024

ต้องการแบ่งหน้าของคุณหรือระบุส่วนแยกหรือไม่ กฎแนวนอนสามารถทำได้เพื่อคุณ นอกจากนี้ยังสามารถปรับแต่งได้อย่างมากด้วยคุณสมบัติ HTML และ CSS

กฎแนวนอนเป็นเพียงวิธีในการวาดเส้นแนวนอนทั่วทั้งหน้า กฎแนวนอนพื้นฐานที่ไม่มีการจัดรูปแบบมีลักษณะดังนี้:

---

... และถูกระบุโดย

---

ในรหัส HTML อย่างไรก็ตามคุณสามารถได้รับแฟนซีเปลี่ยนความกว้างการจัดตำแหน่งสีและอื่น ๆ ด้วยคุณลักษณะ HTML นี่คือตัวเลือกบางส่วน

ในการเปลี่ยนความกว้างคุณใช้แอตทริบิวต์ "width" (ค่อนข้างสมเหตุสมผล, ใช่ไหม) ดังนี้:

---

... ซึ่งให้เส้นแนวนอนครึ่งหนึ่งของพื้นที่ว่างเช่น:

---

คุณยังสามารถระบุความกว้างเป็นพิกเซลโดยใช้รูปแบบ

---

หรือเพียงแค่

---

.

ต่อไปเรามาเปลี่ยนสีกัน ใช้รูปแบบต่อไปนี้:

---

สำหรับมือใหม่ตัวอักษรและตัวเลขด้านบนเป็นรหัสฐานสิบหกสำหรับสีแดง โค้ดตัวอย่างด้านบนจะให้บรรทัดเหมือนกับบรรทัดด้านล่าง:

---

คุณสามารถตั้งค่าการจัดแนวของกฎแนวนอนเป็นซ้ายกึ่งกลางหรือขวา เพียงใช้รหัสเช่นตัวอย่างด้านล่าง:

---

... และคุณจะเห็นบรรทัดดังต่อไปนี้:

---

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

ตัวอย่างเหล่านี้ทั้งหมดนำไปใช้กับองค์ประกอบ HTML อื่น ๆ อีกมากมาย แต่กฎแนวนอนมีแอตทริบิวต์ที่ไม่ซ้ำเช่นกัน: noshade คุณลักษณะนี้จะลบเอฟเฟกต์ 3-D ของบรรทัด คุณสามารถใช้คุณลักษณะ noshade ได้ดังนี้:

---

... และนี่คือลักษณะ:

---

ตอนนี้คุณรู้วิธีการเพิ่มเครื่องมือการจัดรูปแบบที่ดีอย่าเป็นบ้าเลย! หน้าที่ปกคลุมด้วยเส้นแนวนอนที่มีสีต่างกันจะดูรกและแปลกไป กฎแนวนอนสามารถใช้งานได้อย่างมีประสิทธิภาพในการแยกส่วนของหน้าออกตัวอย่างเช่นถ้าคุณมีส่วนท้ายที่ด้านล่างของแต่ละหน้าคุณอาจเพิ่มกฎแนวนอนด้านบนเพื่อตั้งออกจากเนื้อหาของหน้า .