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}