CSS中提供了很多樣式來美化列表,包括無序列表和有序列表。
無序列表,即用圓點、方塊等符號來表示列表項??梢酝ㄟ^以下代碼實現:
ul { list-style-type: disc; /* 實心圓點 */ /* list-style-type: circle; 空心圓點 */ /* list-style-type: square; 實心方塊 */ }
有序列表,即按照一定順序來列出列表項。可以通過以下代碼實現:
ol { list-style-type: decimal; /* 數字 */ /* list-style-type: lower-roman; 小寫羅馬數字 */ /* list-style-type: upper-roman; 大寫羅馬數字 */ }
同時,還可以控制列表項的對齊方式:
ul { list-style-position: inside; /* 列表項內部對齊 */ /* list-style-position: outside; 列表項外部對齊 */ }
如果需要將列表項間隔開一些距離,可以使用以下代碼:
li { margin-bottom: 10px; /* 列表項下方留出一定距離 */ }
以上便是關于CSS中列表的使用方法。根據實際需求,可以選擇不同的樣式和排版方式,讓列表更加美觀。