Rumah > hujung hadapan web > html tutorial > Bagaimana untuk membuat jarak antara peluru senarai dan teks dalam HTML?

Bagaimana untuk membuat jarak antara peluru senarai dan teks dalam HTML?

王林
Lepaskan: 2023-09-18 10:57:01
ke hadapan
1544 orang telah melayarinya

Kami menggunakan sifat padding-left CSS untuk mencipta ruang antara titik dan teks. Ia digunakan untuk menetapkan kawasan padding di sebelah kiri elemen.

HTML menyokong senarai tersusun, senarai tidak tersusun dan HTML menyokong senarai tersusun dan senarai tidak tersusun Kita mesti menggunakan teg

    untuk membuat senarai tidak tersusun dalam HTML. Teg
      mentakrifkan senarai tidak tertib. Kami memulakan senarai projek menggunakan teg
    • .

      Untuk senarai tersusun, kami perlu menggunakan teg

        untuk membuat senarai tidak tersusun dalam HTML. Teg

          mentakrifkan senarai tersusun. Kami mula menyenaraikan item menggunakan tag
        1. .

          Bagaimana untuk membuat jarak antara peluru senarai dan teks dalam HTML?

          Tatabahasa

          Berikut ialah sintaks untuk mencipta ruang antara titik tumpu senarai dan teks HTML.

          padding-left: value in pixels;
          
          Salin selepas log masuk

          Contoh 1

          Berikut ialah contoh membuat senarai dalam HTML sambil menambah jarak antara titik dan teks.

          <!DOCTYPE html>
          <html>
          <head>
             <meta charset="UTF-8">
             <meta http-equiv="X-UA-Compatible" content="IE=edge">
             <meta name="viewport" content="width=device-width, initial-scale=1.0">
          </head>
          <body>
             <ul >
                <li style="padding-left: 30px">Abdul</li>
                <li style="padding-left: 30px">Jason</li>
                <li style="padding-left: 30px">Yadav</li>
             </ul>
          </body>
          </html>
          
          Salin selepas log masuk

          Berikut ialah output program contoh di atas.

          Contoh 2

          Satu lagi contoh mencipta ruang antara titik senarai dan teks dalam HTML -

          <!DOCTYPE html>
          <html>
          <head>
             <title>HTML Lists</title>
          </head>
          <body>
             <h1>Developed Countries</h1>
             <p>The list of developed countries:</p>
             <ul style="list-style-type:disc">
                <li style="padding-left:1em">US</li>
                <li>Australia</li>
                <li>New Zealand</li>
             </ul>
          </body>
          </html>
          
          Salin selepas log masuk

        Atas ialah kandungan terperinci Bagaimana untuk membuat jarak antara peluru senarai dan teks dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

      1. sumber:tutorialspoint.com
        Kenyataan Laman Web ini
        Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
        Tutorial Popular
        Lagi>
        Muat turun terkini
        Lagi>
        kesan web
        Kod sumber laman web
        Bahan laman web
        Templat hujung hadapan