CSS設置編號位置在內側
想要在網頁中對某些內容進行編號，可以使用CSS的list-style屬性。
list-style有三個屬性值：list-style-type、list-style-image和list-style-position。
其中，list-style-type用于設置列表項的類型，如實心圓、數字等，而list-style-image用于設置列表項的圖像，如自定義的小圖標等。而list-style-position則用于設置編號的位置，可以將編號置于內側或外側。
舉個例子，可以用下面的CSS代碼將有序列表變成帶有括號的內側編號：
pre {
list-style-type: none;
padding-left: 0;
}
p {
padding-left: 2em;
}
ol {
counter-reset: item;
margin-left: 0;
padding-left: 0;
}
li:before {
content: "(" counter(item) ") ";
counter-increment: item;
margin-right: 0.5em;
text-align: right;
width: 2em;
}
通過以上代碼，將列表項前的默認數字替換成了帶括號的編號。這里用到了CSS的counter-reset和counter-increment屬性，用于設置計數器的起始值和遞增值。同時，還給li:before設置了固定寬度和右側邊距，以控制編號的位置和對齊方式。
總之，使用CSS的list-style-position屬性可以輕松控制編號的位置，可以根據需要將其置于內測或外側，以使網頁內容更加清晰易讀。
上一篇首行縮進英文 css
下一篇css設置置于底層