Home  >  Article  >  Web Front-end  >  How to remove the dot of li in css

How to remove the dot of li in css

青灯夜游
青灯夜游Original
2021-03-31 10:59:1212854browse

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.

How to remove the dot of li in css

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

The

  • tag in html will automatically have a small dot (in an unordered list)
    • Coffee
    • Tea
    • Milk

    Rendering:

    How to remove the dot of li in css

    How to remove this small dot? In fact, it is simple. You only need to set the style for the

  • tag list-style-type: none; to remove the small dots.
    
    
     
     
    
    
    
    • Coffee
    • Tea
    • Milk

    Rendering:

    How to remove the dot of li in css

    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!

    Statement:
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Previous article:How to hide labels in cssNext article:How to hide labels in css