วิธีที่จะสร้าง: รายการที่ไม่มีลำดับรายการ

เรียนรู้วิธีการใช้ CSS สร้างรายการที่ไม่มีลำดับรายการ

วิธีที่จะสร้างรายการที่ไม่มีลำดับรายการ

list-style-type:none คุณสมบัติดังกล่าวสามารถใช้เพื่อลบลำดับตัวเลข/ลำดับโดยมาตรฐานของรายการ。โปรดระวังว่ารายการดังกล่าวมีช่องกว้างและพื้นที่ที่มาตรฐานด้วยเช่นกัน。ถ้าคุณต้องการลบช่องกว้างและพื้นที่ดังกล่าวด้วย โปรดใส่ margin:0 และ padding:0 เพิ่มเข้าไปใน <ul>:

ตัวอย่าง

ul.no-bullets {
  list-style-type: none; /* ลบลำดับรายการ */
  padding: 0; /* ลบช่องกว้างด้านใน */
  margin: 0; /* ลบช่องกว้างด้านนอก */
}

亲自试一试

相关页面

教程:CSS 列表