วิธีจัดรูปแบบข้อความในรายการ HTML

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

") และแท็กรายการ ("
• "). นอกจากนี้คุณยังสามารถใช้คลาสหรือสไตล์เพื่อระบุรายการ HTML หรือชุดเดียวการจัดรูปแบบข้อความสามารถจัดการได้ทุกระดับ

  1

  เปิดไฟล์สไตล์ชีตแบบเรียงซ้อนซึ่งใช้ส่วนขยายไฟล์. css ในตัวแก้ไขข้อความธรรมดาที่คุณต้องการ ระบุ "ul" (หรือ "ol" หากคุณกำลังจัดรูปแบบรายการที่สั่งซื้อ) หรือ id ของแท็กรายการของคุณ ตัวอย่างเช่นหากคุณกำลังจัดรูปแบบ "

  "คุณจะเริ่มต้นด้วย:

  ul {}

  2

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

  ul {font-size: 12pt; สี: # 8CCCC8 }

  3

  เปลี่ยน list-style-type - รูปภาพหรือสัญลักษณ์ที่จุดเริ่มต้นของแต่ละรายการ W3Schools.com ระบุมากกว่าหนึ่งโหลประเภทที่แตกต่างกันสำหรับรูปแบบรายการ หากคุณไม่ต้องการอะไรที่จุดเริ่มต้นของรายการคุณสามารถใช้ "list-style: none;", เช่น:

  ul {font-size: 12pt; สี: # 8CCCC8 รายการสไตล์: ไม่มี; }

  4

  บันทึกสไตล์ชีทและเอกสารของคุณจากนั้นทดสอบรายการในเบราว์เซอร์ของคุณ

  เคล็ดลับ

  • หากคุณต้องการใช้รายการเป็นองค์ประกอบการนำทางแนวนอนคุณสามารถใช้
  • "display: inline" และ "float: left;"

  การเตือน

  • ใช้ตัวแก้ไขข้อความธรรมดาเท่านั้นเช่น Notepad, Notepad ++ หรือ TextWrangler เพื่อแก้ไขไฟล์ HTML และ CSS