如何修改html中列表项li所显示的圆点的颜色？，以及相关样式的设定

这是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