Bagaimana untuk membuang titik dari css ul tag-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk membuang titik dari css ul tag

青灯夜游

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

asal

12829 orang telah melayarinya

Dalam CSS, atribut jenis gaya senarai boleh digunakan untuk mengalih keluar tanda titik ul. Sintaks ialah "ul{list-style-type:none}"; boleh menetapkan item senarai Jenis tanda Apabila nilai "tiada", tiada tanda boleh ditakrifkan atau tanda sedia ada boleh dialih keluar.

Bagaimana untuk membuang titik dari css ul tag

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Teg ul HTML boleh menjadi senarai tidak tersusun dan setiap pilihan dalam senarai ditakrifkan menggunakan teg li.

HTML ul unordered list menggunakan titik sebagai teg pilihan secara lalai:

<!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>

Salin selepas log masuk

Bagaimana untuk membuang titik dari css ul tag

Jadi bagaimana untuk mengalih keluar tanda titik ini? Anda boleh menggunakan css.

Dalam CSS, anda boleh menggunakan atribut jenis gaya senarai untuk mengalih keluar tanda titik senarai tidak tertib.

Atribut jenis gaya senarai boleh menetapkan jenis teg item senarai Apabila nilai atribut ditetapkan kepada "tiada", teg tidak boleh ditakrifkan atau teg lalai sedia ada boleh dialih keluar.

<!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>

Salin selepas log masuk

Bagaimana untuk membuang titik dari css ul tag

(Mempelajari perkongsian video: tutorial video css, bahagian hadapan web)

Atas ialah kandungan terperinci Bagaimana untuk membuang titik dari css ul tag. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!