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, 则是 取消前后换行符

<ul><li> 标签组成的 导航条，默认情况下 会 竖直显示。可以靠 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　大写拉丁字母