How to understand the style of the front point of li in css or change it to a picture does not apply its default style
This article mainly introduces "how to understand the style of the li front point in css or change it to a picture that does not apply its default style". In daily operation, I believe that many people have doubts about how to understand the style of li front point in css or how to change it into a picture that does not apply its default style. The editor consulted all kinds of materials and sorted out a simple and useful method of operation. I hope it will be helpful for you to answer the question of "how to understand the style of the front point of li in css or change it to a picture that does not apply its default style"! Next, please follow the editor to study!
Do not use li style: list-style-type:none
If you want to define as a picture:
The code is as follows:
Li {
List-style: url ("pre.gif") outside circle
}
Change the color
The code is as follows:
Li {
Color:#f00
}
Some syntax and parameters about this list-style-type:
Syntax:
List-style-type: disc | circle | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | upper-alpha | none | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin
Value:
Disc: the default value of CSS1. Solid circle
Circle: CSS1 hollow circle
Square: CSS1 solid square
Decimal: CSS1 Arabic numerals
Lower-roman: CSS1 lowercase Roman numeral
Upper-roman: CSS1 capitalized Roman numerals
Lower-alpha: CSS1 lowercase letter
Upper-alpha: CSS1 capital letters
None: CSS1 does not use bullets
At this point, the study on "how to understand the style of the front point of li in css or change it to a picture that does not apply its default style" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!
