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?
- 王林ke hadapan
- 2023-09-18 10:57:011545semak imbas
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 .
Tatabahasa
Berikut ialah sintaks untuk mencipta ruang antara titik tumpu senarai dan teks HTML.
padding-left: value in pixels;
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>
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>
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!