li前面的原点或者方的样式修改html中列表项li所显示的圆点的颜色?,以及相关样式的设定

如何修改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 大写拉丁字母     
posted @ 2018-06-27 15:49  园园张  阅读(7287)  评论(0编辑  收藏  举报