How to use the list-style-image of CSS

This article mainly explains "how to use the list-style-image of CSS". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "how to use the list-style-image of CSS".

Unintentionally, the mark of a special case is missing. You generally want to use an image for each logo, which can be done by using the list-style-image attribute:

Ul li {list-style-image: url (xxx.gif)}

As long as you easily use a url () value, you can use the image as a flag.

List Mark position

CSS2.1 can be destined to mark whether the content of the original list item is outside or outside the content. This is achieved using list-style-position.

Abbreviated list format

For ease of use, you can merge the above three list pattern attributes into a convenient property: list-style, like how:

Li {list-style: url (example.gif) square inside}

The values of list-style can be listed by any measure, and these values can be ignored. Only one value is supplied, and the other will fill in its default value.

Thank you for your reading, the above is the content of "how to use CSS list-style-image", after the study of this article, I believe you have a deeper understanding of how to use CSS list-style-image, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!