CSS是前端開發中非常重要的一部分,使用CSS可以來控制網頁的樣式以及布局。其中,
CSS list-style-type屬性可以用來設置有序列表的樣式。有序列表指的是
<ol>
標簽里的列表,你可以設置這個有序列表中的每一個數字前面的樣式。下面是一些常見的有序列表樣式:
ol { list-style-type: decimal; /* 顯示十進制數字:1 2 3... */ } ol { list-style-type: disc; /* 顯示實心圓點:● ● ●... */ } ol { list-style-type: lower-alpha; /* 顯示小寫字母:a b c...*/ } ol { list-style-type: upper-alpha; /* 顯示大寫字母:A B C...*/ } ol { list-style-type: lower-roman; /* 顯示小寫的羅馬數字:i ii iii...*/ } ol { list-style-type: upper-roman; /* 顯示大寫的羅馬數字:I II III...*/ }
除了以上的樣式之外,你還可以使用 list-style-image屬性來設置自定義的圖片作為有序列表的樣式。例如:
ol { list-style-image: url('bullet.png'); /* 圖片為圓點: ● ● ●... */ }
記得在設置 CSS 屬性時,要使用正確的選擇器來指向你想要更改樣式的<ol>
標簽,這樣才能成功改變有序列表的樣式。
上一篇css設置li點的寬度
下一篇mysql備份數據庫方法