li相关整理：如何改变li前面点的颜色和如何去掉li的点

1、如何改变li前面点的颜色

    li {
      content: ".";
      color: rgb(245, 29, 29);
    }

2、在标签li后面加入“@”符号，这里都会使用position，这样可以调整位置。

    li:after {
      content: "@";
      color: gray;
      position: relative;
      left: 0px;
      bottom: 0px;
    }

3、如何去掉点

   

   li {
      list-style:none;
    }

4、li中的元素水平排列

css 里面有个属性叫做 display , 能够实现许多效果。

如   display:block, 即 用要显示的内容，把 width 填满,而不是默认的  有多长 显示多长

       display:inline, 则是 取消前后换行符

• 标签组成的 导航条，默认情况下 会 竖直显示。可以靠 display:inline 来做到水平显示。5、

  ul{
  	list-style:none;
  	display:inline;
  }
   
   li{	
  	width:200px;
  	display:inline-block;
  	background-color:red;
  }
  

   

  5、 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　大写拉丁字母