Getting started with CSS List

In the CSS List Getting Started Tutorial, list refers to the control of labels such as li in css, and the surface list also has four attributes. In fact, we only talk about four commonly used labels, they are: list-style, list-style-image, list-style-position, list-style-type

Now let me give an example to illustrate the usage and tutorial.

1.CSS list-style

The list of all attributes is included in a declaration. The display method can be inherited:

List-styleInstance.

Ul
{
List-style: disc outside
}
Ol
{
List-style: decimal inside
}

2.Li list-style-imageInstance

It sets the image background displayed by li.

Li
{
List-style-image: url(blueball.gif );
List-style-type: circle
} 
 

3. Css list-style-positionInstance.

How is the list-style-position tag list displayed.

Li
{
List-style-position: inside
}

4. list-style-type

Definition
The type list item tag of the list style type set.

Note: Some browsers only support the value of "CD.

Inheritance: Yes

Ul
{
List-style-type: disc
}

List-style-type has many attributes. I will not specify them one by one. For more information, see www.111cn.net/cssdiv/css.html.