Detailed introduction to CSS basic style list

This article mainly introduces the CSS basic style list in detail, which has certain reference value. Interested friends can refer to it

1. The CSS list attribute allows placing and changing the list mark. Or use the image as a list item mark

2. Attribute

List-style Abbreviation list item

list-style-image List item image

ul li{
    list-style-image: url("1.jpg");
}

list-style-position list mark position

ul.ul1{
    list-style-position: inside;
}
ul.ul2{
    list-style-position: outside;
}

list-style-type list type

ul li{
    list-style-type:circle;
}
ul li{
    list-style-type:decimal;
}

The above is the detailed content of Detailed introduction to CSS basic style list. For more information, please follow other related articles on the PHP Chinese website!