What is the css list style
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!
