在 CSS 中,列表是一種常見的元素。為了讓列表更加美觀和易讀,我們可以使用列表前綴符號來區分不同類型的列表元素。在本文中,我們將學習一些常用的列表前綴符號。
/* 無序列表 */ /* 實心圓 */ ul { list-style-type: disc; } /* 空心圓 */ ul { list-style-type: circle; } /* 實心正方形 */ ul { list-style-type: square; } /* 大實心圓 */ ul { list-style-type: none; list-style-image: url('images/dot.png'); } /* 有序列表 */ /* 阿拉伯數字 */ ol { list-style-type: decimal; } /* 小寫字母 */ ol { list-style-type: lower-alpha; } /* 大寫字母 */ ol { list-style-type: upper-alpha; } /* 小寫羅馬數字 */ ol { list-style-type: lower-roman; } /* 大寫羅馬數字 */ ol { list-style-type: upper-roman; }
通過以上的代碼,我們可以看到不同類型的列表前綴符號如何使用。我們可以根據自己的需求選擇適合的列表前綴符號,從而美化我們的網頁。