Home >Web Front-end >CSS Tutorial >How to remove the dot of li in css
The li tag of html has small dots by default. You can use the list-style-type attribute in CSS to remove the small dots of li; you only need to add "list-style-type: none;" to the li tag. " style, just set no mark before the li list item.
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
The
<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
Rendering:
How to remove this small dot? In fact, it is simple. You only need to set the style for the
list-style-type: none; to remove the small dots. <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
Rendering:
The sequence number of the ordered list can also be usedlist-style-type: none; Style removal.
css list-style-type attribute
list-style-type attribute sets the type of list item tag. [Recommended tutorial: CSS video tutorial]
The attribute values that can be set are:
| value | Description |
|---|---|
| none | No tags. |
| disc | Default. Markers are filled circles. |
| circle | The mark is a hollow circle. |
| square | Markers are solid squares. |
| decimal | The markers are numbers. |
| decimal-leading-zero | Number tag starting with 0. (01, 02, 03, etc.) |
| lower-roman | Lowercase Roman numerals (i, ii, iii, iv, v, etc.) |
| upper-roman | Uppercase Roman numerals (I, II, III, IV, V, etc.) |
| lower- alpha | The marker is lower-alpha (a, b, c, d, e, etc.) |
| upper-alpha | uppercase English letters The marker is upper-alpha (A, B, C, D, E, etc.) |
| lower-greek | Lowercase Greek letters (alpha , beta, gamma, etc.) |
| lower-latin | Lowercase Latin letters (a, b, c, d, e, etc.) |
| upper-latin | Uppercase Latin letters (A, B, C, D, E, etc.) |
| hebrew | Traditional Hebrew numbering |
| armenian | Traditional Armenian numbering |
| georgian | Traditional Georgia numbering (an, ban, gan, etc.) |
| cjk-ideographic | Simple ideographic numbers |
| hiragana | The markers are: a, i, u, e, o, ka, ki, etc. (Japanese Hiragana characters) |
| katakana | Markers are: A, I, U, E, O, KA, KI, etc. (Japanese katakana characters) |
| hiragana-iroha | The markers are: i, ro, ha, ni, ho, he, to, etc. (Japanese Hiragana serial number) |
| katakana-iroha | The symbols are: I, RO, HA, NI, HO, HE, TO, etc. (Japanese katakana serial number) |
For more programming-related knowledge, please visit: Programming Video! !
The above is the detailed content of How to remove the dot of li in css. For more information, please follow other related articles on the PHP Chinese website!