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

This article mainly introduces the css list-style is how to set the list li tag style, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand.

I. list-style impregnation and use

List-style is the format of the list li. For example, li is followed by Arabic numerals, dots, solid circles, pictures, hollow circles, capital letters, capital letters, old-fashioned Armenian numerals, and so on.

II. Grammar

1. Grammar:

List-style: list-style-image | | list-style-position | | list-style-type

We know that html syntax prescribes that li must be used in ul or ol, so introduce pictures to ul or ol or set list-style-image as the post-construction material of li. But usually div css layout does not use this kind of method to configure the back image material of li, and usually sets the background image of equipment directly to li, which is more compatible and easier to control.

We use the list-style-type attribute of list-style to configure li to acquiesce in later tricks.

Default styles for ul li and ol li

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

The following is about going up to test yourself to see the efficacy 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 lowercase letter

Upper-alpha: CSS1 Capital English calligraphy letter

None: CSS1 does not use engineering marks

Armenian: CSS2 conservative Armenian numbers

Cjk-ideographic: CSS2's light ideographic numbers

Georgian: CSS2's staid George number

Lower-greek: the Greek lowercase letter of CSS2

Hebrew: CSS2 traditional Hebrew digits

Hiragana: CSS2 Japanese hiragana character

Hiragana-iroha: CSS2 Japanese hiragana 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

III. General practice of structure

Usually in the construction of a web page when starting with CSS, it is necessary to remove the ul ol li three list list-style style, but also to be compatible with major readers, invalid list tags acquiesce to list-style.

Ban the list-style name code of ul li ol:

Ul,ol,li {list-style:none} Thank you for reading this article carefully. I hope the article "how to set the list li tag style in list-style in css" shared by the editor will be helpful to you. At the same time, I also hope you will support us and follow the industry information channel. More related knowledge is waiting for you to learn!

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.