Shulou(Shulou.com)06/01 Report--

This article mainly shows you the "sample analysis of list-style in css", which is easy to understand and clear. I hope it can help you solve your doubts. Let the editor lead you to study and study the "sample analysis of list-style in css".

The html grammar prescribes that li must be used in ul or ol, so introduce pictures to ul or ol or set list-style-image as tissue material on the back of li. But as usual, div css does not use this way to set the negative picture material of li, just as it usually sets up backstage pictures of equipment directly for li, which is more compatible and easier to discipline.

We use the list-style-type attribute of list-style to configure li by default.

Default ul li and ol li layout

2. The value and solution of list-style-type

The following outline goes down to test yourself to see the effect of various values.

Parameters:

Disc: CSS1 solid circle

Circle: CSS1 hollow circle

Square: CSS1 solid square

Decimal: CSS1 Arabic numerals

Lower-roman: CSS1 capitalized Roman numerals

Upper-roman: CSS1 capitalized Roman numerals

Lower-alpha: CSS1 capital English pen and ink mother

Upper-alpha: CSS1 capital English pen and ink mother

None: CSS1 does not apply engineering marks

Armenian: CSS2 stodgy Armenian numerals

Cjk-ideographic: CSS2's simple ideographic number

Georgian: CSS2's staid George number

Lower-greek: Greek lowercase letter for CSS2

Hebrew: CSS2 radical Hebrew numbers

Hiragana: CSS2 Japanese hiragana character

Hiragana-iroha: CSS2 Japanese flat name serial number

Katakana: CSS2 Japanese katakana character

Katakana-iroha: CSS2 Japanese katakana serial number

Lower-latin: CSS2 small Latin letter

Upper-latin: CSS2 capital Latin letter

The above is all the content of the article "sample Analysis of list-style in css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.