Bagaimana untuk mencipta senarai peluru tanpa peluru di HTML

Dalam beberapa situasi, anda mungkin ingin membuat senarai bullet tanpa peluru atau item senarai tanpa peluru. Untuk membuat senarai teratur atau senarai tidak teratur tanpa peluru ikuti langkah-langkah di bawah.

Contoh HTML

Menambah kelas CSS "senarai gaya: tiada" ke senarai yang tidak disusun (

    ) atau senarai memerintahkan (
      ) akan membuang sebarang peluru atau nombor.

      • Senaraikan item tanpa peluru
      • Perkara kedua

      HTML dengan Contoh CSS

      Walaupun contoh di atas berfungsi dalam hampir setiap situasi, umumnya adalah idea yang lebih baik untuk mempunyai CSS dalam fail CSS berasingan, luaran. Berikut adalah CSS dan HTML yang boleh digunakan untuk mengeluarkan peluru.

      Menggunakan CSS di bawah membuang peluru dari semua pautan yang tidak disusun (

        ), yang boleh berguna jika anda tidak mempunyai niat untuk menggunakan peluru atau mahu menggunakan imej dan bukan peluru.

        ul {list-style-type: none; }

        Jika anda hanya berhasrat untuk mempunyai satu senarai, tidak mempunyai peluru atau nombor, adalah idea yang lebih baik untuk membuat kelas yang boleh digunakan bila-bila masa anda tidak mahu peluru seperti yang ditunjukkan dalam CSS di bawah.

        .nobull {senarai gaya-jenis: tiada; }

        Dalam CSS di atas, kelas baru yang dipanggil "nobull" dicipta, kelas ini kemudiannya boleh digunakan bila-bila masa anda tidak mahu peluru seperti ditunjukkan dalam contoh di bawah.

        • Senaraikan item tanpa peluru
        • Perkara kedua

        Petua: Anda juga boleh menggunakan kelas ini untuk mana-mana item senarai (

      • ) untuk mempunyai satu atau lebih item peluru yang tidak mempunyai peluru, sambil mengekalkan peluru lain tidak berubah.

        Contoh output

        Berikut ialah contoh bagaimana output bagi senarai peluru tanpa had muncul tanpa peluru.

        • Senaraikan item tanpa peluru
        • Perkara kedua