清單選項符號: list-style-type
ul: disc 預設,實心圓點、circle 空心圓點、square 實心方塊、none 不顯示
ol: decimal 阿拉伯數字(1、2、3)、decimal-leading-zero 阿拉伯數字(01、02、03)、lower-roman/upper-roman 大小寫羅馬數字、lower-alpha/upper-alpha大小寫英文- <ul style="list-style-type: circle">
- <li>午餐</li>
- <li>晚餐</li>
- <ul>
- <ol style="list-style-type: decimal">
- <li>午餐</li>
- <li>晚餐</li>
- <ol>
複製代碼 清單選項圖片: list-style-image
none 無、url 圖片位置- ul {
- list-style-image: url(blue.jpg);
- }
複製代碼 符號與編號位置: list-style-position
inside 內部、outside 外部- ul {
- list-style-position: outside;
- }
- ol {
- list-style-position: inside;
- }
複製代碼 |