li {list-style-image: url(images/disc.gif);}
This style definition of li uses pictures to replace the displayed small dots for list items. Of course, you can also display it with other effects. Please refer to the definition below for details:
CSS definition of list item effect
*list-style-type: circle (can be changed to the style you want); list item style
disc: CSS1 solid circle
circle: CSS1 hollow circle
square : CSS1 solid square
decimal: CSS1 Arabic numerals
lower-roman: CSS1 lowercase Roman numerals
upper-roman : CSS1 uppercase Roman numerals
lower-alpha: CSS1 lowercase English letters
upper-alpha: CSS1 uppercase English letters
none : CSS1 does not use bullets
armenian : CSS2 traditional Armenian numerals
cjk-ideographic:CSS2 plain ideographic numbers
georgian : CSS2 traditional Georgian numerals
lower-greek : CSS2 basic Greek lowercase letters
hebrew : CSS2 traditional Hebrew numerals
hiragana : CSS2 Japanese hiragana characters
hiragana-iroha: CSS2 Japanese Hiragana sequence
katakana : CSS2 Japanese katakana characters
katakana-iroha: CSS2 Japanese katakana serial number
lower-latin: CSS2 lowercase Latin letters
upper-latin : CSS2 uppercase Latin letters
*list-style-image: url(images/disc.gif); Use image disc.gif instead of displaying list items
*list-style-position : outside | inside
outside: The list item marker is placed outside the text, and the surrounding text is not aligned according to the marker
inside : The list item tag is placed inside the text, and the surrounding text is aligned according to the tag
hr{border:1px dashed #86BCD4; height:1;}
In the HTML code, there are some special items such as the horizontal bar hr, which can also be defined in the style management to change the default display effect:
CSS definition of horizontal bar effect
BORDER-BOTTOM-STYLE: dotted;
BORDER-LEFT-STYLE: dotted;
BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted;
height:1;
width:100%;
align:left;
color:#86BCD4;
Shade:no;
Horizontal bar dotted line effect definition
border:1px dashed #86BCD4; height: 1;