How to use Css list style

This article mainly introduces how to use the Css list 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 the editor take you to understand it.

List:

List-style-image: none | url (url) bullets exist in the form of pictures

List-style-position: outside | inside picture icon is internal or external to li

List-style-type: specifies the type of bullet

List-style: list-style-image list-style-position list-style-type none (no bullets)

Case list:

Untitled document

Aaaa

Bbbb

Cccc

Dddd

Css part

@ charset "utf-8"

/ * CSS Document * /

Ul {

Border:1px solid # ff0000

/ *

List-style-image:url. / imgs/1.jpg)

List-style-position:outside

List-style-type:upper-latin;*/

List-style:none

}

Ul li {

Border:1px solid # ff0000

}

Thank you for reading this article carefully. I hope the article "how to use the Css list style" shared by the editor will be helpful to everyone. 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!