Home > Web Front-end > CSS Tutorial > What is the meaning of list-style-type: none in CSS?

What is the meaning of list-style-type: none in CSS?

黄舟
Release: 2017-06-29 09:23:02
Original
25689 people have browsed it

What does

list-style-type: none mean in CSS? I am a newbie and just started to learn what the statement div+css means.

The front of the li tag is styled by default, that's the point. You can type it out and take a look.

<ul>
  <li>有小点点的</li>
  <li style="list-style-type: none;">没小点点的</li>
  <li>这种问题百度都不用吧?</li></ul>
Copy after login

The official explanation is above. In short,

is to remove the styles in front of UL and OL, such as small dots and Roman numerals, and relax the style

测试列表:
   1. 大声地
    2. 打算打
Copy after login

:

list-style:none

测试列表:
    大声地
     打算打
Copy after login

list-style:none, this style is used to remove tags such as

  • The default added styles, etc.

    8px can be changed, margin-right refers to the distance from the right side, when the value becomes larger, the gap between the numbers becomes got bigger.

    Isn’t there a small dot in front of li?

    You can use list-style:none; to eliminate

    li sticky notes have a default attribute, a dot. . Setting none can cancel that point

    So why did I click list-style:none and it had no effect? I don’t see any difference either

    The default value of ist-style setting is disc outside none

    The above is the detailed content of What is the meaning of list-style-type: none in CSS?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template