How do I modify the format of sequenceless tables ul and li in html?

Front-end development often uses ul li for data presentation, and so on, where some common style modifications are documented

1, remove the dots in front by default

ul{list-style:none;}

2, horizontal display arrangement

li{float: left;}

3, modify to a style other than the dot

What is specified here is a hollow circle

li{
    /*float: left;*/
    list-style-type: circle;
}

Here are the other types:

• Reference: https://www.w3cschool.cn/css/css-list.html

4, change the dot style to a picture

li{
    list-style-type:none;
    list-style-image: url(url);
}

• Resources: https://www.w3cschool.cn/cssref/pr-list-style-image.html

CSS writing:

HTML writing:

Click on the CSS sequenceless table online example online practice it