Cara mengatur batas bertitik di html

Penulis：Eve Cole Waktu Pembaruan：2025-05-15 03:16:01

Gunakan gaya CSS dan elemen tag HTML

Untuk menambahkan garis putus -putus perbatasan ke tag HTML yang berbeda, kami memilih beberapa perataan label umum untuk mengatur efek garis putus -putus perbatasan.

1. Tag HTML umum

P Tag

menjangkau

ul li

TABEL TD TD

2. Kata atribut CSS digunakan dalam contoh

berbatasan

lebar

tinggi

3. Pengantar poin -poin penting dari menerapkan garis putus -putus

Perbatasan adalah atribut perbatasan. Jika Anda ingin mencapai efek perbatasan suatu objek, Anda perlu mengatur lebar perbatasan, warna perbatasan, dan gaya perbatasan (garis solid atau putus -putus)

BORDER: 1PX Deleber #F00 Ini untuk mengatur lebar gaya perbatasan ke 1px, garis putus -putus dan garis putus -putus menjadi merah.

4. Deskripsi contoh

Kami menetapkan lebar yang sama, tinggi yang sama, dan efek perbatasan untuk label di atas.

5. Lengkapi kode HTML:

 <! Doctypehtml> <Html>
 <head> <Metacharset = UTF-8/>
 <title> HTML Border Dotted Line Demonstration www.pcss5.com </iteme> <tyle>
 .bor {border: 1pxdashed#f00; lebar: 300px; tinggi: 60px; margin-top: 10px} span {display: block}/*CSS Komentar Deskripsi: Biarkan rentang membentuk blok*/
 </tyle> </head>
 <body> <pclass = bor> pbox </p>
 <spanclass = bor> span box </span> <ulclass = bor>
 <li> Daftar Ulli </li> <li> Daftar Ulli </li>
 </ul> <tableClass = bor>
 <tr> <td> form </td>
 <td> Tabel 2 </td> </tr>
 <tr> <td> data </td>
 <td> Data 2 </td> </tr>
 </able> </body>
 </html>

Contoh di atas menetapkan gaya yang sama untuk tag yang berbeda dalam HTML, termasuk garis putus -putus perbatasan yang sama.

6. Tangkapan layar efek browser

Tangkapan layar efek putus -putus dari berbagai tag dalam batas html dan garis putus -putus