css style list

1ul { list-style: square; } /* solid square bullets */
2ul { list-style: disc; }   /* solid circle bullets */
3ul { list-style: circle; } /* hollow circle bullets */
4ul { list-style: none; }   /* no bullets */

1
2/* Choose the symbol, image or numeric for the bullet points on the list: */
3
4/* SYMBOLS and NUMERICS */
5
6ul {
7  list-style-type: square;
8}
9
10ol {
11  list-style-type:decimal;
12}
13
14
15/* IMAGES: */
16
17li {
18  margin: 0;
19  padding: 15px 0 15px 60px;
20  list-style: none;
21  background-image: url("path_to_image");
22  background-repeat: no-repeat;
23  background-position: left center;
24  background-size: 30px;
25}
26
27
28
29/* Define the color of each bullet point on the list */
30
31ul {
32  list-style: none; /* Remove list bullets */
33  padding: 0;
34  margin: 0;
35}
36
37li {
38  padding-left: 16px;
39}
40
41li:before {
42  content: "•";         /* Insert content that looks like bullets */
43  padding-right: 8px;
44  color: blue; 
45}