Comment définir une ligne pointillée en CSS

Comment définir une ligne pointillée en CSS : 1. Créez une balise

, puis ajoutez le style CSS au div sous la forme "border-bottom:red 1px dashed;" ; ligne horizontale à travers la balise hr, puis ajoutez Ajoutez l'attribut de bordure à la balise hr pour obtenir l'effet de ligne pointillée.

Environnement de démonstration dans l'article : Acer S40-51, Windows10 Home Chinese Edition, HTML5&&CSS3&&HBuilderX.3.0.5.

Recommandé : "Tutoriel vidéo CSS"

Comment définir la ligne pointillée en CSS

Définir la ligne pointillée en définissant des pointillés border :

• Nous savons que la bordure de la balise

  en HTML peut être définie sur une ligne pointillée.

  Vous pouvez donc d'abord créer une balise

   :

  <div class="xuxian"></div>

  Copier après la connexion

  Ensuite, définissez la hauteur de la bordure sur 0, et définissez soit la bordure supérieure, soit la bordure inférieure. bordure à Une ligne pointillée d’un pixel.

  Les détails sont les suivants :

  .xuxian{
  width:100%;
  height:0;
  border-bottom:red 1px dashed;}
  /*red表示虚线的颜色为红色，1px表示边框宽度为一个像素，dashed表示边框线型为虚线*/

  Copier après la connexion

  Rendu :

  

  • En HTML, la balise hr peut également définir une ligne horizontale Nous pouvons obtenir l'effet de ligne pointillée en définissant le style CSS pour la balise hr.

  Code CSS :

  hr{border:blue 1px dashed}

  Copier après la connexion

  Rendu :

  

  Code complet tel que :

  
  
  
      
      
  
  
  
  
  
  
  <div class="xuxian"></div>
  
  
  
  

  Copier après la connexion

  Pour plus de connaissances sur la programmation informatique, veuillez visiter : Enseignement de la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!