CSS设置列表的符号

CSS设置列表的符号


          通常的列表采用

    或者
      标记,然后,结合
    1. 标记罗列各个项目。

      项目表单实例,代码如下:

      
             
                    
                           项目列表
                    
                    
                
             
                    

      水上运动

      • freestyle自由泳
      • backstroke仰泳
      • breaststroke蛙泳
      • butterfly蝶泳
      • individualmedley 个人混合泳
      • freestylerelay 自由泳接力
                CSS通过list-style-type属性设置列表的编号,无论是
        标记,还是
          标记都可以使用相同的属性值,二者的效果完全相同。

          ul{
                               font-size:0.9em;
                               color:#00458c;
                               list-style-type:decimal;
                        }
                    Decimal属性值,项目列表的编号安装十进制编号显示。

                    当给

            或者
              标记设置list-style-type属性时,中间所有的
            1. 标记都会采用该设置。

                        如果,对某一个

            2. 标记单独设置list-style-type属性,则仅仅作用于该条项目上。

              
                     
                            
                                   项目列表
                            
                            
                        
                     
                            

              水上运动

              • freestyle自由泳
              • backstroke仰泳
              • breaststroke 蛙泳
              • butterfly蝶泳
              • individualmedley 个人混合泳
              • freestylerelay 自由泳接力
                        可以看到蛙泳变成了空心圆显示,其他的还是编号。

                        此外,该属性的属性值还有很多,如下:

              CSS设置列表的符号_第1张图片


你可能感兴趣的:(————CSS)