css list style

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}

1/*   Default value - disc               */
2list-style-type: disc;
3
4/*   No marker is shown                 */
5list-style-type: none;
6
7/*   Add marker as a circle | square    */
8list-style-type: circle;
9list-style-type: square;
10
11/*   Add marker as a decimal            */ 
12list-style-type: decimal;
13list-style-type:  decimal-leading-zero;
14
15/*   Global values                      */
16list-style-type: inherit;
17list-style-type: initial;
18list-style-type: revert;
19list-style-type: unset;
20
21/*   More possible list-item markers   */
22list-style-type:   armenian | georgian | lower-alpha | lower-greek | lower-latin | lower-roman | upper-alpha | upper-latin | upper-roman | trad-chinese-informal  
23
24