How to remove dots from css ul tag-Front-end Q&A-php.cn

How to remove dots from css ul tag

青灯夜游

Release： 2022-04-25 17:55:53

Original

12784 people have browsed it

In CSS, the list-style-type attribute can be used to remove the dot mark of ul. The syntax is "ul{list-style-type:none}"; the list-style-type attribute can set list items The type of mark. When the value is "none", no mark can be defined or existing marks can be removed.

How to remove dots from css ul tag

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

HTML ul tag can be an unordered list, and each option in the list is defined using li tag.

HTML ul unordered list uses dots as option tags by default:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML无序列表</title>
</head>
<body>
    <p>早餐的种类：</p>
    <ul>
        <li>鸡蛋</li>
        <li>牛奶</li>
        <li>面包</li>
        <li>生菜</li>
    </ul>
</body>
</html>

Copy after login

How to remove dots from css ul tag

So how to remove these dot tags? You can use css.

In CSS, you can use the list-style-type attribute to remove the dot marks from the unordered list.

The list-style-type attribute can set the type of list item tag. When the attribute value is set to "none", the tag can not be defined or the existing default tag can be removed.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML无序列表</title>
<style>
ul{
list-style-type:none;
}
</style>
</head>
<body>
    <p>早餐的种类：</p>
    <ul>
        <li>鸡蛋</li>
        <li>牛奶</li>
        <li>面包</li>
        <li>生菜</li>
    </ul>
</body>
</html>

Copy after login

How to remove dots from css ul tag

(Learning video sharing: css video tutorial, web front-end)

The above is the detailed content of How to remove dots from css ul tag. For more information, please follow other related articles on the PHP Chinese website!