CSS定義項目符號對于網頁排版至關重要,可以讓信息更加清晰地表達出來。項目符號可以分為有序列表和無序列表兩種。
有序列表
ol { list-style-type: decimal; /* 使用數字 */ list-style-type: upper-roman; /* 使用大寫羅馬數字 */ list-style-type: lower-roman; /* 使用小寫羅馬數字 */ list-style-type: upper-alpha; /* 使用大寫字母 */ list-style-type: lower-alpha; /* 使用小寫字母 */ list-style-type: none; /* 不使用任何符號 */ }
無序列表
ul { list-style-type: disc; /* 實心圓點 */ list-style-type: circle; /* 空心圓 */ list-style-type: square; /* 實心方塊 */ list-style-type: none; /* 不使用任何符號 */ }
除了以上常見的項目符號,CSS還支持自定義項目符號。例如,我們可以使用圖片或自定義字符來作為項目符號。
ul { list-style-image: url("example.png"); /* 使用圖片作為項目符號 */ list-style-type: none; /* 不使用默認符號 */ } ul li:before { content: "?"; /* 使用自定義字符作為項目符號 */ margin-right: 8px; }
以上代碼使用了
- 標簽和
- 標簽來創建無序列表,并使用了不同的list-style-type屬性來定義項目符號。如果要使用自定義符號,則需要使用:list-item偽類和content屬性來設置。
上一篇css定義文字的位置
下一篇div 圓代碼