CSS是一種用于控制網頁樣式的語言。它可以改變網頁中的元素大小、顏色、位置等方面的樣式，使得網頁看起來更為美觀。而在CSS中，使用li和value屬性可以進一步設置列表項的樣式。

ul {
list-style-position: inside; /* 將列表符號設置在列表內容內部 */
}
li:before {
content: counter(item) ". "; /* 使用計數器來顯示列表序號 */
counter-increment: item; /* 記錄當前項目數 */
}
ol li {
list-style-type: none; /* 隱藏默認的編號 */
counter-reset: item; /* 計數器重置為0 */
padding-left: 25px; /* 設置縮進距離 */
}
ol li:before {
content: counter(item, upper-roman) ". "; /* 使用計數器來顯示大寫羅馬數字編號 */
counter-increment: item; /* 記錄當前項目數 */
}

在上面的代碼中，我們首先將ul的列表符號位置設置在列表內容內部，使列表更為緊湊。然后，我們通過設置li:before的content屬性來使用計數器顯示列表項的序號，并通過counter-increment屬性記錄當前項目數。

對于有序列表，我們需要使用ol li來設置其樣式。我們首先將默認的編號隱藏，然后通過設置counter-reset屬性將計數器重置為0，以防止編號混亂。最后，我們使用:before偽類來顯示大寫羅馬數字編號，并設置計數器遞增。

總而言之，CSS中的li和value屬性可以幫助我們更好地控制列表項的樣式，并通過使用計數器進一步完善列表的視覺效果。通過深入學習CSS的技巧和屬性，我們可以打造出更為出色的網頁。