Comment définir les bordures en pointillés en HTML

Auteur：Eve Cole Date de mise à jour：2025-05-15 03:16:01

Utilisez les styles CSS et les éléments de balise HTML

Afin d'ajouter des lignes pointillées à la bordure à différentes balises HTML, nous sélectionnons plusieurs alignements d'étiquette communs pour définir l'effet de ligne pointillé de la bordure.

1. Tags HTML communs

p étiquette

portée

ul li

Table TR TD

2. Les mots d'attribut CSS sont utilisés dans l'exemple

frontière

largeur

hauteur

3. Introduction aux points clés de la mise en œuvre de lignes pointillées

La frontière est un attribut de frontière. Si vous souhaitez obtenir l'effet de bordure d'un objet, vous devez régler la largeur de la bordure, la couleur de la bordure et le style de bordure (lignes solides ou pointillées)

Border: 1px en pointillé # f00 Il s'agit de définir la largeur du style de bordure sur 1px, la ligne pointillée et la ligne pointillée en rouge.

4. Exemple de description

Nous définissons la même largeur, même hauteur et effets de bordure pour les étiquettes ci-dessus.

5. Code HTML complet:

 <! Doctypehtml> <html>
 <A-Head> <MetacharSet = UTF-8 />
 <Title> Html Border Discarration de ligne pointillée www.pcss5.com </Title> <ystyle>
 .bor {border: 1pxdashed # f00; width: 300px; hauteur: 60px; margin-top: 10px} span {affiche: block} / * css comment Description: Laissez la span former un bloc * /
 </ style> </-head>
 <body> <pclass = bor> pbox </p>
 <panclass = bor> Span Box </span> <ulclass = bor>
 <li> Liste Ulli </li> <li> Liste Ulli </li>
 </ul> <tableclass = bor>
 <tr> <td> Form </td>
 <TD> Tableau 2 </td> </tr>
 <tr> <td> Données </td>
 <td> Données 2 </td> </tr>
 </ TABLE> </ Body>
 </html>

L'exemple ci-dessus définit le même style pour différentes balises en HTML, y compris les mêmes lignes pointillées.

6. Capture d'écran de l'effet du navigateur

Capture d'écran de l'effet pointillé de différentes balises dans les frontières de set HTML et les lignes pointillées