Bagaimana untuk menulis garis putus-putus dalam html5

Tiada sifat CSS untuk membuat garis putus-putus secara langsung dalam HTML5, anda boleh menggunakan alternatif berikut: 1. Gunakan sifat sempadan CSS untuk mencipta sempadan bertitik hitam 2. Gunakan imej latar belakang untuk mencipta garis putus-putus; 3. Gunakan laluan garis putus-putus SVG untuk mencipta garis putus-putus panjang tersuai dan Selang.

Cara membuat garis putus-putus dalam HTML5

Tiada sifat CSS langsung untuk membuat garis putus-putus dalam HTML5, tetapi anda boleh menggunakan kaedah lain untuk mencapai kesan yang serupa:

Gunakan sifat sempadan CSS

<code class="css">border: 1px dashed black;</code>

Sifat CSS ini akan mencipta sempadan putus-putus hitam dengan ruang antara sempang sama dengan panjang garisan.

Kaedah 2: Menggunakan imej latar belakang

<code class="css">background-image: url(dotted-line.png);</code>

Sifat CSS ini akan mencipta garis putus-putus yang diperbuat daripada titik. Anda boleh mencari atau mencipta imej garis putus-putus anda sendiri dalam talian.

Kaedah 3: Menggunakan SVG Dashed Path

<code class="svg"><svg width="100%" height="1">
  <path d="M0 0 L100 0" stroke="black" stroke-dasharray="5 5" />
</svg></code>

SVG ini mencipta garis putus-putus hitam dengan panjang sempang dan jarak 5.

Atas ialah kandungan terperinci Bagaimana untuk menulis garis putus-putus dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!