css如何设置带有正方形项目的列表

css设置带有正方形项目的列表的方法：首先创建一个HTML示例文件；然后使用ul无序列表标签，并指定“list-style-type”为“square”即可设置带有正方形项目的列表。

本教程操作环境：Windows7系统、HTML5&&CSS3版，DELL G3电脑。

推荐：css视频教程

css如何设置带有正方形项目的列表？

设置正方形项目的列表我们需要使用ul无序列表标签，并指定list-style-type为square。

例子：

// css
ul.square {
    list-style-type:square; /* 每一项前都是正方形 */
}
// html

    
eight
    
glasses
    
of
    
water

效果：

下面是一些常用的列表样式：（推荐学习：CSS视频教程）

    
    
     


    

        
1
        
2
        
3
    
    

        
1
        
2
        
3
    
    

        
1
        
2
        
3
    
    

        
1
        
2
        
3
    

效果：

以上就是css 如何设置带有正方形项目的列表的详细内容，更多请关注其它相关文章！