CSS3 base -10 CSS list (list item labels, list item images, list item locations, List properties)

One, CSS list style

List item Flag List-style-type

-The List-style-type property is used to control the style of list item labels in the list

-unordered list: Dots that appear next to each list item

-Sequential list: May be a symbol in letters, numbers, or some other system of counting

-Unordered list values

-None: No tag

-Disc: Solid circle, default value

-Circle: Hollow Circle

-Square: Solid block

-Ordered list values

-None: No tag

-Decimal: No tag

-Lower-roman: lowercase roman numerals (e.g.: i,ii,iii,iv,v)

-Upper-roman: Uppercase Roman numerals (eg: i,ii,iii,iv,v)

-ET

List item Image List-style-image

-List-style-image property uses an image to replace the tag of a list item

-The value is: URL (), specifying the image as a flag for ordered or unordered list items

650) this.width=650; "src=" Http://s4.51cto.com/wyfs02/M01/7D/DA/wKioL1bxGuzRtjtnAAFGjdxatPw722.png "title=" Web.png "alt=" Wkiol1bxguzrtjtnaafgjdxatpw722.png "/>

650) this.width=650; "src=" Http://s4.51cto.com/wyfs02/M02/7D/DD/wKiom1bxGobAR_dZAADEjUBvgZc819.png "title=" Web.png "alt=" Wkiom1bxgobar_dzaadejubvgzc819.png "/>

List item Location list-style-position

-The List-style-position property can control the location of the list marker

-Desirable values

-Outside: The tag is on the left side of the text and is placed outside the text as the default value

-Inside: Mark is placed within text

650) this.width=650; "src=" Http://s4.51cto.com/wyfs02/M01/7D/DD/wKiom1bxGwzCbK-EAADtyG-uRj8955.png "title=" Web.png "alt=" Wkiom1bxgwzcbk-eaadtyg-urj8955.png "/>

List Properties List-style

-The List-style property is a shorthand property that controls the style of the Item table item

-Syntax for

-list-style:type url (image URL) position;

-In general, set the List-style property directly to None

Summary: This chapter focuses on CSS lists (list item flags, list item images, list item locations, list properties).

This article from the "Technical Exchange" blog, declined reprint!

CSS3 base -10 CSS list (list item labels, list item images, list item locations, List properties)