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

This article mainly introduces what the css list style is, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

1. Css ordered list (ol) and css unordered list (ul)

List.html

List style

Fruits

Apple

Banana

Pear

2. Css list label style list-style-type

Attribute value:

Circle; hollow circle

Disc; solid circle

Decimal; digit

List.css

Ul > li {

List-style-type:circle

}

Ul > li > ol > li {

List-style-type:disc

}

3. The display method of css label style list-style-position

Attribute value: outside (outside of text, default)

Inside (with text)

List.css

Ul {

Text-align:center

List-style-position:outside

}

Ul > li {

List-style-type:circle

}

Ul > li > ol > li {

List-style-type:disc

}

Thank you for reading this article carefully. I hope the article "what is the style of css list" shared by the editor will be helpful to you. At the same time, I also hope you will support us and pay attention to 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.