在HTML中,
ol是有序列表的標簽,我們可以通過樣式來美化它。以下是一些實用的樣式屬性和用法:
/*更改列表數字的樣式*/ ol { list-style-type: upper-alpha; /*大寫字母*/ } /*更改列表項的間距*/ ol li { margin-bottom: 10px; /*bottom前不要留空格*/ } /*給列表項添加序號*/ ol li:before { content: counter(listItem) ". "; /*添加點號*/ counter-increment: listItem; /*遞增計數器*/ } /*去掉默認縮進*/ ol { padding-left:0; }
可以根據需求自行選擇使用。也可以通過類名來為不同的<ol>
設置不同的樣式,在HTML中添加類名,然后在CSS中選擇該類名并添加樣式即可。