如何修改列表项li、ul前的圆点小方块



如何修改列表项li、ul前的圆点小方块

解决思路:

在HTML中没有相应的属性可以设置该效果,但在CSS中可以,

1,将圆点变成小方块:相应的属性为list-style-type,要把圆点改成实心方块,只需要设置list-style-type的值为square。

eg:ul li {

list-style-type: square;

}

2,将小圆点换成自定义图片:

eg:ul li{
list-style-type: none; /*先去掉黑点*/
background: url(http://***.gif)no-repeat center left; /*链接图片地址*/
padding-left: 20px /*图片的宽度,若不设置,图标会被文字覆盖*/
}