這是li標簽自帶的圓點的顏色改變，代碼如下：

.centerbt li{

content:".";

color:gray;

}

在標簽li后面加入“@”符號，這里都會使用position，這樣可以調整位置。

.centerbt li:after{

content:"@";

color:gray;

position:relative;

left:200px;

bottom:20px;

css中用list-style-type指定列表(lists)前面符號,如下：

li ? {list-style-type:符號名稱}

符號名稱可用的值為：

--------------------------------

disc ? : ?　CSS1　實心圓

circle ? : ?　CSS1　空心圓

square ? : ?　CSS1　實心方塊

decimal ? : ?　CSS1　阿拉伯數字

lower-roman ? :? 　CSS1　小寫羅馬數字

upper-roman ? :? 　CSS1　大寫羅馬數字

lower-alpha ? :? 　CSS1　小寫英文字母

upper-alpha ? :? 　CSS1　大寫英文字母

none ? : ?　CSS1　不使用項目符號

armenian ? : ?　CSS2　傳統的亞美尼亞數字

cjk-ideographic ? :? 　CSS2　淺白的表意數字

georgian ? : ?　CSS2　傳統的喬治數字

lower-greek ? :? 　CSS2　基本的希臘小寫字母

hebrew ? : ?　CSS2　傳統的希伯萊數字

hiragana ? : ?　CSS2　日文平假名字符

hiragana-iroha ? :? 　CSS2　日文平假名序號

katakana ? : ?　CSS2　日文片假名字符

katakana-iroha ? :? 　CSS2　日文片假名序號

lower-latin ? :? 　CSS2　小寫拉丁字母

upper-latin ? :?　CSS2　大寫拉丁字母

來源：https://blog.csdn.net/hahhahahaa/article/details/80688628

總結

以上是生活随笔為你收集整理的html li圆点单独颜色,如何修改html中列表项li所显示的圆点的颜色？，以及相关样式的设定...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。