This article mainly describes the CSS in the List-style modified List Properties control Li tag style problems, has a certain reference value, now share to everyone, there is a need for friends can refer to
The List_style property is used to modify the properties of the list, List-style-type is used to set the list item type, list-style-position is used to set the list item location, List-style-image is used for setting the use of the image substitution list item marker
The List_style property is used to modify the properties of a list
The format is as follows:
List_style: List item tag type list item tag position list item tag;
You can also set the list item tags individually:
List-style-type is used to set the list item type:
The default value is disc as a solid circle,
Common values: none null
Circle Hollow Circle
Square Solid Square
Decimal number
Lower-latin lowercase latin a,b,c .....
Upper-latin Capital Letter A,b,c ....
List-style-position is used to set this list item location:
The default value, outside, is outside the Li label, which is the border:1px solid red that adds a border to Li, and you can see the location of the marker.
Inside indicates that the tag is inside the Li tag and is clearly visible when you add a border as well.
The list-style-image is used to set the tag with the image substitution list item:
Default value: None
Optional value: URL, formatted as URL ("URL address");
Example:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
Specify a "List-style-type" attribute to prevent the image from being unavailable.
The above is the whole content of this article, I hope that everyone's learning has helped, more relevant content please pay attention to topic.alibabacloud.com!