วิธีเปลี่ยนเครื่องหมายในรายการ สร้างรายการหัวข้อย่อยใน MS Word ตำแหน่งจากข้อความ
การสร้างรายการใน Microsoft Word ค่อนข้างง่ายและใช้เวลาเพียงไม่กี่คลิก นอกจากนี้โปรแกรมนี้ช่วยให้คุณไม่เพียง แต่สร้างรายการสัญลักษณ์แสดงหัวข้อย่อยหรือลำดับเลขในขณะที่คุณพิมพ์ แต่ยังแปลงข้อความที่พิมพ์ลงในรายการแล้วอีกด้วย
ในบทความนี้เราจะมาดูวิธีสร้างรายการใน Word อย่างละเอียดยิ่งขึ้น
หากคุณเพียงวางแผนที่จะพิมพ์ข้อความที่ต้องจัดรูปแบบเป็นรายการหัวข้อย่อย ให้ทำตามขั้นตอนเหล่านี้:
1. วางเคอร์เซอร์ไว้ที่จุดเริ่มต้นของบรรทัดที่ควรมีรายการแรก
2. ในกลุ่ม "ย่อหน้า"ซึ่งอยู่ในแท็บ "บ้าน", กดปุ่ม “รายการสัญลักษณ์แสดงหัวข้อย่อย”.
3. ป้อนรายการแรกในรายการใหม่ กด "เข้า".
4. ป้อนสัญลักษณ์แสดงหัวข้อย่อยถัดไปทั้งหมดโดยคลิกที่ส่วนท้ายของแต่ละหัวข้อ "เข้า"(หลังจุดหรืออัฒภาค) เมื่อคุณป้อนรายการสุดท้ายเสร็จแล้ว ให้กด สองครั้ง "เข้า"หรือคลิก "เข้า"และจากนั้น "แบ็คสเปซ"เพื่อออกจากโหมดการสร้างรายการหัวข้อย่อยและพิมพ์ต่อตามปกติ
การแปลงข้อความที่เสร็จแล้วเป็นรายการ
แน่นอนว่าแต่ละรายการในรายการในอนาคตควรอยู่ในบรรทัดที่แยกจากกัน หากข้อความของคุณยังไม่ได้แบ่งออกเป็นบรรทัด ให้ทำดังนี้
1. วางเคอร์เซอร์ที่ส่วนท้ายของคำ วลี หรือประโยคที่ควรเป็นรายการแรกในรายการในอนาคต
2. คลิก "เข้า".
3. ทำซ้ำการกระทำเดียวกันสำหรับรายการต่อไปนี้ทั้งหมด
4. เลือกข้อความที่ควรจะเป็นรายการ
5. บนแผงการเข้าถึงด่วนในแท็บ "บ้าน"คลิกปุ่ม “รายการสัญลักษณ์แสดงหัวข้อย่อย”(กลุ่ม "ย่อหน้า").
- คำแนะนำ:ถ้ายังไม่มีข้อความหลังจากรายการสัญลักษณ์แสดงหัวข้อย่อยที่คุณสร้างขึ้น ให้ดับเบิลคลิก "เข้า"ที่ท้ายย่อหน้าสุดท้ายหรือคลิก "เข้า"และจากนั้น "แบ็คสเปซ"เพื่อออกจากโหมดการสร้างรายการ พิมพ์ต่อไปตามปกติ
หากคุณต้องการสร้างรายการลำดับเลขแทนที่จะเป็นรายการหัวข้อย่อย ให้คลิก “รายการลำดับเลข”ตั้งอยู่ในกลุ่ม "ย่อหน้า"ในแท็บ "บ้าน".
การเปลี่ยนระดับรายการ
รายการลำดับเลขที่สร้างขึ้นสามารถเลื่อนไปทางซ้ายหรือขวาได้ ดังนั้นการเปลี่ยน "ความลึก" (ระดับ)
1. เลือกรายการสัญลักษณ์แสดงหัวข้อย่อยที่คุณสร้างขึ้น
“รายการสัญลักษณ์แสดงหัวข้อย่อย”.
3. จากเมนูแบบเลื่อนลง ให้เลือก “เปลี่ยนระดับรายการ”.
4. เลือกระดับที่คุณต้องการตั้งค่าสำหรับรายการสัญลักษณ์แสดงหัวข้อย่อยที่คุณสร้างขึ้น
บันทึก:เมื่อระดับเปลี่ยนไป เครื่องหมายในรายการก็จะเปลี่ยนไปด้วย เราจะบอกคุณด้านล่างถึงวิธีเปลี่ยนรูปแบบของรายการสัญลักษณ์แสดงหัวข้อย่อย (ก่อนอื่นประเภทของสัญลักษณ์แสดงหัวข้อย่อย)
การดำเนินการที่คล้ายกันสามารถทำได้โดยใช้ปุ่ม และในกรณีนี้ ประเภทของเครื่องหมายจะไม่เปลี่ยนแปลง
บันทึก:ลูกศรสีแดงในภาพหน้าจอแสดงแท็บเริ่มต้นสำหรับรายการสัญลักษณ์แสดงหัวข้อย่อย
เลือกรายการระดับที่คุณต้องการเปลี่ยน โดยปฏิบัติตามวิธีใดวิธีหนึ่งต่อไปนี้:
บันทึก:การกดปุ่ม (หรือปุ่ม) หนึ่งครั้งจะย้ายรายการหนึ่งแท็บหยุด ชุดค่าผสม “SHIFT+TAB” จะใช้งานได้ก็ต่อเมื่อรายการอยู่ห่างจากขอบด้านซ้ายของหน้าอย่างน้อยหนึ่งแท็บ
การสร้างรายการหลายระดับ
หากจำเป็น คุณสามารถสร้างรายการหัวข้อย่อยหลายระดับได้ คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการนี้ได้ในบทความของเรา
เปลี่ยนรูปแบบของรายการสัญลักษณ์แสดงหัวข้อย่อย
นอกจากเครื่องหมายมาตรฐานที่ติดตั้งไว้ที่จุดเริ่มต้นของแต่ละรายการแล้ว คุณสามารถใช้อักขระอื่นๆ ที่มีอยู่ใน MS Word เพื่อทำเครื่องหมายได้
1. เลือกรายการสัญลักษณ์แสดงหัวข้อย่อยที่คุณต้องการเปลี่ยนแปลง
2. คลิกที่ลูกศรที่อยู่ทางด้านขวาของปุ่ม “รายการสัญลักษณ์แสดงหัวข้อย่อย”.
3. เลือกสไตล์มาร์กเกอร์ที่เหมาะสมจากเมนูแบบเลื่อนลง
4. เครื่องหมายในรายการจะเปลี่ยนไป
หากคุณไม่พอใจกับรูปแบบมาร์กเกอร์เริ่มต้นด้วยเหตุผลบางประการ คุณสามารถใช้เพื่อทำเครื่องหมายสัญลักษณ์ใดๆ ที่มีอยู่ในโปรแกรมหรือรูปภาพที่สามารถเพิ่มจากคอมพิวเตอร์หรือดาวน์โหลดจากอินเทอร์เน็ตได้
ทุกวันนี้ บุคคลใดก็ตามควรมีทักษะด้านคอมพิวเตอร์และเชี่ยวชาญโปรแกรมอย่างน้อยชุดขั้นต่ำ มาตรฐานและเป็นที่นิยมมากที่สุด ได้แก่ Microsoft Word เมื่อทำงานใน Word ผู้ใช้ต้องเผชิญกับความจำเป็นในการเน้นข้อความบางช่วงเพื่อความชัดเจน บ่อยครั้งจำเป็นต้องแทรกรายการลงในเอกสาร นี่อาจเป็นรายการสัญลักษณ์แสดงหัวข้อย่อยหรือลำดับเลข - ผู้ใช้มีโอกาสนำทางตามสถานการณ์
โปรแกรมนี้ช่วยให้คุณสร้างเอกสารจดหมายและโครงการใด ๆ โดยใช้โอกาสมากมายในการเรียนรู้ฟังก์ชันทั้งหมดของ Microsoft Word คุณต้องใช้เวลา แต่ผลลัพธ์ก็คุ้มค่า
รายการจำเป็นเพื่อทำให้ข้อความชัดเจนและสื่อความหมายได้ รายการลำดับเลขและสัญลักษณ์แสดงหัวข้อย่อยในระดับหนึ่งจะถูกใช้ในเอกสารส่วนใหญ่ ในวิทยานิพนธ์และเอกสารทางวิทยาศาสตร์ จะใช้รายการหลายระดับ
การกำหนดหมายเลขและเครื่องหมาย
ก่อนอื่น คุณต้องเลือกย่อหน้าที่ควรจัดรูปแบบเป็นรายการ ซึ่งสามารถทำได้โดยใช้เมาส์หรือเพียงแค่วางเคอร์เซอร์ไว้ที่จุดเริ่มต้นของบรรทัดที่รายการจะเริ่มต้น
ใน MS Word จะมีแท็บ "หน้าแรก" ซึ่งคุณสามารถเลือกส่วนแทรกที่ต้องการในกลุ่ม "ย่อหน้า" ผู้ใช้คลิกปุ่ม “ลำดับเลข” หรือ “เครื่องหมาย” จากนั้นใช้ไม้บรรทัดเพื่อตั้งค่าการเยื้อง วิธีนี้ง่ายและตรงไปตรงมามาก แต่ผู้ใช้ที่ไม่มีประสบการณ์อาจประสบปัญหาที่ซ่อนอยู่ เมื่อคุณแทรกรายการสัญลักษณ์แสดงหัวข้อย่อยและลำดับเลขอีกครั้ง คุณจะต้องแก้ไขการเยื้องอีกครั้ง
ในกรณีที่จำเป็นต้องจัดรูปแบบแต่ละรายการแยกกันและเปลี่ยนพารามิเตอร์แบบอักษรไม่ใช่ผู้ใช้โปรแกรมทุกคนจะสามารถแก้ไขข้อความให้ถูกต้องได้และยิ่งไปกว่านั้นยังต้องใช้เวลาและความพยายามอย่างมาก
รายการที่เรียงลำดับเลข
แต่ละองค์ประกอบรายการจะถูกเน้นด้วยตัวเลข และหมายเลขจะถูกปรับโดยอัตโนมัติ หากต้องการสร้างและแก้ไขรายการ จะมีปุ่ม "ลำดับเลข" ในกลุ่ม "ย่อหน้า" คุณยังสามารถใช้ฟังก์ชัน "การกำหนดหมายเลข" ในเมนูบริบทของย่อหน้าที่เลือกได้
ตัวเลือกรายการ:
- รูปแบบตัวเลขเป็นตัวกำหนดอักขระที่จะปรากฏถัดจากแต่ละองค์ประกอบ
- สามารถเลือกรูปแบบการกำหนดหมายเลขได้ขึ้นอยู่กับลักษณะของเอกสารเฉพาะ เช่น ตัวเลขอารบิกหรือโรมัน ตัวพิมพ์ใหญ่ หรืออื่นๆ
- ช่อง "ค่าเริ่มต้น" ช่วยให้คุณสามารถเลือกหมายเลขที่จะเริ่มรายการได้
- ในกรณีที่คุณต้องการสร้างรายการที่คล้ายกันแต่เพิ่มหมายเลขใหม่ จะสะดวกในการใช้ฟังก์ชัน "เริ่มรายการใหม่" คุณต้องเลือกองค์ประกอบและตั้งค่าพารามิเตอร์ทั้งหมด
คุณสามารถแทรกรายการลำดับเลขได้โดยอัตโนมัติ ในการทำเช่นนี้คุณต้องทำสิ่งต่อไปนี้:
- ที่จุดเริ่มต้นของย่อหน้า ก่อนที่จะป้อนข้อความ คุณต้องใส่ "1" ตามด้วย "Space" หรือ Tab ย่อหน้าจะปรากฏเป็นรายการแรกในรายการ
- ด้วยการนำหน้าย่อหน้าด้วย "1)" จากนั้นกด Space หรือ Tab ผู้ใช้จะสร้างรายการประเภทอื่น
- โดยการเปรียบเทียบรายการที่มีตัวอักษรจะถูกวาดขึ้น ในบรรทัดคุณต้องป้อนด้วยจุดหรือวงเล็บ หลังจากแต่ละย่อหน้า คุณต้องกด Space หรือ Tab
สร้างรายการสัญลักษณ์แสดงหัวข้อย่อยโดยอัตโนมัติ
คุณสามารถแทรกรายการหัวข้อย่อยใน Word ได้ดังนี้:
- ที่จุดเริ่มต้นของย่อหน้า คุณต้องพิมพ์เครื่องหมายดอกจันหรือเครื่องหมายมากกว่า แล้วกด Space หรือ Tab
- สร้างรายการสัญลักษณ์แสดงหัวข้อย่อยโดยอัตโนมัติ คุณสามารถเปิดใช้งานได้โดยไปที่แท็บ "ไฟล์" แล้วเลือกกลุ่ม "ตัวเลือก" ในแท็บ "การสะกด" เลือก "ตัวเลือกการแก้ไขอัตโนมัติ" ในส่วน "จัดรูปแบบอัตโนมัติ" คุณต้องทำเครื่องหมายในช่องถัดจากสไตล์
คุณสามารถสร้างรายการสัญลักษณ์แสดงหัวข้อย่อยประเภทต่อไปนี้:
รายการหลายระดับ
รายการสัญลักษณ์แสดงหัวข้อย่อยและลำดับเลขเป็นองค์ประกอบ ควรได้รับการกำหนดค่าตามที่ผู้ใช้ต้องการในบางกรณี โครงสร้างสามารถแก้ไขได้โดยใช้ฟังก์ชันกำหนดรายการหลายระดับ สะดวกในการตรวจสอบว่ารายการทั้งหมดแสดงในกลุ่ม "รายการในเอกสาร" อย่างไร หากต้องการเปลี่ยนการตั้งค่าแบบอักษรของแต่ละแบบอักษร รายการหลายระดับจะเชื่อมโยงกับลักษณะย่อหน้า
ตัวเลือกหลักสำหรับการตั้งค่ารายการหลายระดับ
เมื่อตั้งค่ารายการซึ่งประกอบด้วยหลายระดับ คุณต้องใส่ใจกับพารามิเตอร์ต่อไปนี้:
- การเลือกระดับและตัวอย่างการออกแบบ
- กำหนดการตั้งค่าแบบอักษร หากจำเป็น คุณสามารถตั้งค่าส่วนที่คงที่ของตัวเลขได้
- เลือกประเภทการกำหนดหมายเลข: สัญลักษณ์ รูปภาพ ตัวอักษร และตัวเลือกอื่นๆ
- การกำหนดระดับที่จะอัพเดตหมายเลข
- กำหนดการเยื้องและตำแหน่งข้อความ
- ตัวเลือกการแก้ไขเพิ่มเติม
- จับคู่สไตล์ย่อหน้าและรายการหลายระดับ
การตั้งค่าที่สร้างขึ้นครั้งเดียวสามารถนำไปใช้กับรายการถัดไปได้โดยอัตโนมัติ แต่หากจำเป็นต้องแก้ไข คุณจะต้องดำเนินการกับแต่ละรายการแยกกัน ความไม่สะดวกนี้อาจดูเหมือนไม่มีนัยสำคัญ แต่หากมีรายการในข้อความจำนวนมาก การจัดรูปแบบจะใช้เวลานาน
จะเปลี่ยนสไตล์ของมาร์กเกอร์ได้อย่างไร?
เมื่อคลิกที่ปุ่ม "เครื่องหมาย" คุณสามารถเลือกตัวเลือกที่เหมาะสมในกรณีนี้ได้ ในการดำเนินการนี้ไปที่พื้นที่ "ห้องสมุด" แล้วคลิกที่มัน ประเภทของการกำหนดหมายเลขถูกเลือกในลักษณะเดียวกัน: ในพื้นที่ "ไลบรารีการกำหนดหมายเลข"
ในการเปลี่ยนรายการที่มีหมายเลขหรือสัญลักษณ์แสดงหัวข้อย่อยเป็นข้อความใน Word คุณเพียงแค่ต้องกดปุ่มที่เกี่ยวข้อง
แต่ละองค์ประกอบข้อความสามารถเน้นด้วยเครื่องหมายพิเศษได้ หากต้องการจัดรูปแบบรายการตามข้อกำหนดของเอกสารเฉพาะ คุณต้องเลือกคำสั่ง “กำหนดเครื่องหมายใหม่”
หลังจากเชี่ยวชาญคุณสมบัติทั้งหมดของ Microsoft Word แล้วการทำงานกับเอกสารจะเป็นเรื่องที่น่ายินดีและคุณจะไม่ต้องใช้เวลามากในการจัดรูปแบบข้อความ รายการสัญลักษณ์แสดงหัวข้อย่อยเช่นเดียวกับหมายเลขจะรวมอยู่ในเอกสารเกือบทุกชนิดและมักใช้ดังนั้นจึงจะเป็นประโยชน์สำหรับผู้ใช้โปรแกรมในการทำความคุ้นเคยกับการสร้างรายการประเภทต่างๆ
- การเปลี่ยนลักษณะที่ปรากฏของสัญลักษณ์แสดงหัวข้อย่อยมาตรฐานสำหรับรายการลำดับเลข
- การตั้งค่าประเภทสัญลักษณ์แสดงหัวข้อย่อยสำหรับรายการสัญลักษณ์แสดงหัวข้อย่อย
- การตั้งค่ารูปภาพแทนสัญลักษณ์แสดงหัวข้อย่อยสำหรับรายการ
เมื่อใช้แท็ก HTML คุณสามารถสร้างรายการสองประเภทที่มีสัญลักษณ์แสดงหัวข้อย่อย: ลำดับเลขและหัวข้อย่อย ตามค่าเริ่มต้น เบราว์เซอร์ส่วนใหญ่จะแสดงเครื่องหมายรายการสัญลักษณ์แสดงหัวข้อย่อยเป็นวงกลม และเครื่องหมายรายการที่มีตัวเลขเป็นตัวเลขตามลำดับ CSS ให้ความสามารถในการเปลี่ยนรูปลักษณ์ของเครื่องหมายมาตรฐาน ต่อไป เราจะสาธิตตัวอย่างที่มีเครื่องหมายประเภทต่างๆ ซึ่งคุณสามารถเปลี่ยนรูปลักษณ์ของรายการของคุณได้
การแก้ไขและการลบเครื่องหมาย
หากต้องการเปลี่ยนรูปลักษณ์มาตรฐานของมาร์กเกอร์ใน CSS ให้ใช้คุณสมบัติ list-style-type โดยค่าจะถูกตั้งค่าเป็นประเภทของมาร์กเกอร์ที่คุณต้องการแทนที่มาตรฐาน
ตัวอย่างที่สาธิตสัญลักษณ์แสดงหัวข้อย่อยบางประเภทสำหรับรายการลำดับเลข:
คุณสมบัติ CSS:
รายการสไตล์ประเภท:
ผลลัพธ์:
- คลิกที่ค่าคุณสมบัติประเภทรายการสไตล์
- ดูเครื่องหมายการเปลี่ยนแปลง
- ใช้สัญลักษณ์แสดงหัวข้อย่อยที่เหมาะสมที่สุดสำหรับรายการของคุณ
Ol#myList (
รายการสไตล์ประเภท: ทศนิยม ;
}
คลิกที่มูลค่าทรัพย์สินใดๆ เพื่อดูผลลัพธ์
สำหรับรายการสัญลักษณ์แสดงหัวข้อย่อย มีเครื่องหมายเพียงสามประเภทเท่านั้น ซึ่งสามารถระบุได้โดยใช้ค่าวงกลม ดิสก์ และค่าสี่เหลี่ยม:
- กาแฟ
- ชา
- กาแฟ
- ชา
- กาแฟ
- ชา
เมื่อใช้ค่า none คุณสามารถลบเครื่องหมายออกจากรายการในรายการได้ แต่การเยื้องด้านซ้ายจะยังคงอยู่:
- กาแฟ
- ชา
- กาแฟ
- ชา
การแทนที่เครื่องหมายด้วยรูปภาพ
หากไม่มีเครื่องหมายเริ่มต้นที่เหมาะกับคุณ CSS จะให้ความสามารถในการแทนที่ด้วยรูปภาพใด ๆ คุณสมบัติ list-style-image จะช่วยคุณในเรื่องนี้ตามค่าที่คุณต้องระบุเส้นทางไปยังรูปภาพที่เลือก
คำนึงถึงความจริงที่ว่ารูปภาพจะไม่ปรับขนาดให้พอดีกับรายการโดยอัตโนมัติและจะแสดงตามขนาดของตัวเอง ดังนั้นคุณจะต้องเลือกรูปภาพที่มีขนาดเหมาะสมหรือแก้ไขรูปภาพที่มีอยู่โดยย่อหรือขยายเป็น ขนาดที่ต้องการ:
- กาแฟ
- ชา
- กาแฟ
- ชา
การเยื้องรายการ
เมื่อคุณลบสัญลักษณ์แสดงหัวข้อย่อยออกจากรายการ คุณยังสามารถลบหรือลดขนาดช่องว่างภายในด้านซ้ายเริ่มต้นของเบราว์เซอร์ได้ หากต้องการลบช่องว่างภายในออกโดยสมบูรณ์ คุณจะต้องใช้คุณสมบัติช่องว่างด้านซ้าย ซึ่งช่วยให้คุณสามารถปรับช่องว่างภายในได้:
- กาแฟ
- ชา
- กาแฟ
- ชา
ในตัวอย่างนี้ เราได้ลบการเยื้องทางด้านซ้ายออกทั้งหมด ดังนั้นรายการสินค้าจึงพอดีกับขอบหน้าต่างเบราว์เซอร์ และอย่างที่คุณเห็นจากตัวอย่าง รายการสัญลักษณ์แสดงหัวข้อย่อยจะแสดงขึ้นทุกประการตามที่ตั้งใจไว้ แต่เครื่องหมายหายไปในรายการลำดับเลข เหตุผลอยู่ที่ตัวเครื่องหมาย - โดยค่าเริ่มต้น เครื่องหมายไม่ได้เป็นส่วนหนึ่งของเนื้อหาของรายการ ดังนั้นหากคุณลบการเยื้องด้านซ้ายออก เครื่องหมายเหล่านั้นจะไม่ย้ายไปพร้อมกับเนื้อหาขององค์ประกอบ
คุณสมบัติ list-style-position ระบุว่าสัญลักษณ์แสดงหัวข้อย่อยควรอยู่ในตำแหน่งภายในหรือภายนอกรายการ คุณสมบัตินี้สามารถรับค่าได้ 2 ค่า:
- ภายนอก - เครื่องหมายตั้งอยู่ทางด้านซ้ายของเนื้อหา (นี่คือค่าเริ่มต้น)
- ข้างใน - เครื่องหมายจะอยู่ในรายการพร้อมกับเนื้อหา
ตอนนี้คุณสามารถเขียนตัวอย่างก่อนหน้านี้ใหม่เพื่อให้การเยื้องทางด้านซ้ายถูกลบออก แต่เครื่องหมายจะไม่หลุดออกจากขอบของเบราว์เซอร์:
- กาแฟ
- ชา
- กาแฟ
- ชา
- กาแฟ
- ชา
ในตัวอย่าง มีการเพิ่มเส้นขอบให้กับแต่ละรายการเพื่อแสดงขอบเขตของรายการด้วยสายตา
รายการ CSS— ชุดคุณสมบัติที่รับผิดชอบในการออกแบบรายการ การใช้รายการ HTML เป็นเรื่องปกติมากเมื่อสร้างแถบนำทางของเว็บไซต์ รายการแสดงถึงคอลเลกชันขององค์ประกอบบล็อก
การใช้คุณสมบัติ CSS มาตรฐานที่คุณสามารถทำได้ เปลี่ยนรูปลักษณ์ของเครื่องหมายรายการ, เพิ่มรูปภาพสำหรับเครื่องหมาย, และ เปลี่ยนตำแหน่งเครื่องหมาย- ความสูงของบล็อกเครื่องหมายสามารถตั้งค่าได้ด้วยคุณสมบัติ line-height
การออกแบบรายการโดยใช้สไตล์ CSS
1. ประเภทเครื่องหมายรายการ list-style-type
คุณสมบัติเปลี่ยนประเภทเครื่องหมายหรือ ลบเครื่องหมายสำหรับรายการสัญลักษณ์แสดงหัวข้อย่อยและลำดับเลข รับการถ่ายทอด.
รายการสไตล์ประเภท | |
---|---|
ค่า: | |
แผ่นดิสก์ | ค่าเริ่มต้น วงกลมที่เต็มไปทำหน้าที่เป็นเครื่องหมายสำหรับรายการ |
อาร์เมเนีย | การนับเลขอาร์เมเนียแบบดั้งเดิม |
วงกลม | วงกลมเปิดทำหน้าที่เป็นเครื่องหมาย |
cjk-อุดมการณ์ | การกำหนดหมายเลขเชิงอุดมคติ |
ทศนิยม | 1, 2, 3, 4, 5, … |
ทศนิยมนำหน้าศูนย์ | 01, 02, 03, 04, 05, … |
จอร์เจีย | การนับเลขแบบจอร์เจียดั้งเดิม |
ภาษาฮีบรู | การนับเลขภาษาฮีบรูแบบดั้งเดิม |
ฮิระงะนะ | การนับเลขภาษาญี่ปุ่น: a, i, u, e, o, … |
ฮิระงะนะ-อิโรฮะ | การนับเลขภาษาญี่ปุ่น: i, ro, ha, ni, ho, … |
คาตาคานะ | เลขญี่ปุ่น: A, I, U, E, O, … |
คาตาคานะ-อิโรฮะ | เลขญี่ปุ่น: I, RO, HA, NI, HO, … |
อัลฟาล่าง | ก ข ค ค ง อี … |
ภาษากรีกตอนล่าง | อักขระตัวพิมพ์เล็กของอักษรกรีก |
ละตินตอนล่าง | ก ข ค ค ง อี … |
โรมันตอนล่าง | ฉัน ii iii iv วี … |
ไม่มี | ไม่มีเครื่องหมาย |
สี่เหลี่ยม | สี่เหลี่ยมจัตุรัสที่เต็มหรือไม่เต็มจะทำหน้าที่เป็นเครื่องหมาย |
อัลฟาตอนบน | ก, บี, ค, ดี, อี, … |
ละตินตอนบน | ก, บี, ค, ดี, อี, … |
โรมันตอนบน | ฉัน II, III, IV, V, … |
อักษรย่อ | ตั้งค่าคุณสมบัติให้เป็นค่าเริ่มต้น |
สืบทอด | สืบทอดค่าคุณสมบัติจากองค์ประกอบหลัก |
ไวยากรณ์
Ul (list-style-type: none;) ul (list-style-type: square;) ol (list-style-type: none;) ol (list-style-type: lower-alpha;) ข้าว. 1. ตัวอย่างการออกแบบรายการสัญลักษณ์แสดงหัวข้อย่อยและลำดับเลข
2. รูปภาพสำหรับรายการ list-style-image
คุณสามารถใช้รูปภาพและการเติมไล่ระดับสีเป็นเครื่องหมายรายการได้ รับการถ่ายทอด.
ไวยากรณ์
Ul (list-style-image: url("images/romb.png");) ul (list-style-image: linear-gradient(#FF7A2F 0, #FF7A2F 50%, #FFB214 50%);)
ข้าว. 2. ออกแบบรายการหัวข้อย่อยโดยใช้รูปภาพ
ข้าว. 3. ออกแบบรายการหัวข้อย่อยโดยใช้การไล่ระดับสี
3. รายการสไตล์ตำแหน่ง
คุณสมบัตินี้ให้ความสามารถในการวางเครื่องหมายภายนอกหรือภายในเนื้อหาของรายการ รับการถ่ายทอด.
วันนี้เราจะมาดูวิธีการสร้างรายการบนหน้าเว็บ เครื่องหมายใดบ้างที่ใช้ และทดสอบสไตล์ต่างๆ เพื่อเปลี่ยนรูปลักษณ์
ฉันขอเตือนคุณว่าสไตล์เชื่อมโยงกับหน้า HTML อย่างไร:
มี CSS รายการสัญลักษณ์แสดงหัวข้อย่อยหรือแบบไม่เรียงลำดับและลำดับเลข
เครื่องหมายรายการเป็นภาพที่มีรูปร่างแตกต่างกัน เช่น วงกลม สี่เหลี่ยม จตุรัส และสิ่งที่คล้ายคลึงกัน พวกเขาจะเรียกว่ากระสุน คุณยังสามารถใช้ภาพวาดของคุณเองเป็นเครื่องหมายสำหรับรายการได้
รายการลำดับเลขแสดงถึงผลลัพธ์ของข้อมูลหมายเลข 1, 2, 3 เป็นต้น
โดยทั่วไปแล้ว เครื่องหมายจะเป็นวงกลมสีดำธรรมดาๆ ซึ่งผู้ใช้คุ้นเคย แต่ในทางกลับกัน พวกมันจะไม่ดึงดูดความสนใจไปที่ข้อความมากนัก
หากคุณตัดสินใจที่จะเปลี่ยนแก้วเหล่านี้ด้วยแก้วจากดีไซเนอร์ คุณจะต้องเชี่ยวชาญ จัดแต่งทรงผมรายการโดยใช้ css- วันนี้เราจะทำอะไร?
พื้นฐานของรายการใดๆ ประกอบด้วยโค้ดหน้าเว็บต่อไปนี้:
- องค์ประกอบแรกของรายการ
- องค์ประกอบที่สองของรายการ
- องค์ประกอบสุดท้ายของรายการ
บล็อกนี้มีลักษณะดังนี้:
- องค์ประกอบแรกของรายการ
- องค์ประกอบที่สองของรายการ
- องค์ประกอบสุดท้ายของรายการ
การกำหนดสไตล์ CSS ของเครื่องหมายรายการ
เราจะเขียนเอาต์พุตภายนอกในไฟล์สไตล์ สไตล์.css- อาจเรียกต่างกัน แต่มีนามสกุล .css
เครื่องหมาย CSS มาตรฐาน: วงกลม (วงกลม) - วงกลมที่ยังไม่เติม, จุด (ดิสก์) - วงกลมที่เติม, สี่เหลี่ยม (สี่เหลี่ยม) - สี่เหลี่ยมที่เติม
สร้างรายการในโค้ด CSS ul- ด้วยความช่วยเหลือของมัน เรากำหนดได้ว่าเครื่องหมายมาตรฐานใดที่จะแสดงบนหน้า
ตัวอย่างเช่น ลองแสดงรายการโดยใช้วงกลม รายการในไฟล์ css จะเป็นดังนี้:
Ul (ประเภทรายการสไตล์: วงกลม)
แต่บ่อยครั้งที่จำเป็นต้องเปลี่ยนเครื่องหมายซึ่งไม่ได้อยู่ในรายการที่แสดงทั้งหมด แต่เฉพาะในบางบล็อกเท่านั้น เช่น เปลี่ยนแปลงในโพสต์ แต่ไม่เปลี่ยนแปลงในความคิดเห็น ในกรณีนี้ รหัส ul ไม่ควรมีความหมายใดๆ และควรระบุรูปแบบวงกลมสำหรับรายการในโพสต์เท่านั้น นี่คือลักษณะของโค้ดที่ไม่มีค่า:
Ul (ประเภทรายการสไตล์: ไม่มี)
หากคุณไม่พบรหัสในไฟล์ css ที่รับผิดชอบในการแสดงรายการในบล็อกที่คุณต้องการให้ใช้ปลั๊กอินสำหรับ Firefox - Firebug หรือใน Google Chrom คลิกขวาที่หน้าเว็บบล็อก จากนั้น "ดูโค้ดองค์ประกอบ"
ตัวอย่างเช่น หนึ่งในตัวเลือกสำหรับการเปลี่ยนรูปลักษณ์ของรายการในโพสต์เป็นแวดวงมาตรฐาน หากไม่มีเนื้อหาสำหรับบล็อก ul:
โพสต์เนื้อหา ul (list-style-type: วงกลม)
หรืออีกตัวอย่างหนึ่ง:
#content-blok ul(list-style-type:square)
จบหลักสูตร “ฝึกใช้ CSS”
]]> ]]>
ความรู้เกี่ยวกับ CSS เป็นสิ่งจำเป็นสำหรับผู้ดูแลเว็บทุกคน เนื่องจากเป็นวิธีสากลในการสร้างการออกแบบคุณภาพสูงโดยไม่ต้องโหลดโค้ดของหน้ามากเกินไป
สำหรับผู้ที่ต้องการ เรียนรู้เทคนิคการออกแบบ CSS อย่างรวดเร็ว, ]]> แนะนำ ]]> หลักสูตรขั้นสูง "แบบฝึกหัด CSS" โดย Evgeniy Popov.
บทความถัดไป:
เครื่องหมายกราฟิกสำหรับรายการ
รายการ CSS เยื้อง
วิธีเปลี่ยนสี CSS ของ List Marker เพื่อให้สีแตกต่างจากสีข้อความ
รายการที่ซ้อนกัน วิธีสร้างรายการแนวนอนใน CSS เปลี่ยนรูปแบบของรายการลำดับเลข
ดาวน์โหลดเครื่องหมายที่สวยงามสำหรับรายการไซต์