CSSで点線を設定する方法

CSS で破線を設定する方法: 1.

タグを作成し、CSS スタイルを div に「border-bottom:red 1px crashed;」として追加します。 hr タグに水平線を挿入し、hr タグに border 属性を追加して、点線の効果を実現します。

記事内のデモ環境: Acer S40-51、Windows10 Home 中国語版、HTML5&&CSS3&&HBuilderX.3.0.5。

おすすめ: "css ビデオチュートリアル"

css で点線を設定する方法

dotted を設定して点線を設定しますborder:

• HTML の

  タグの境界線を点線に設定できることはわかっています。

  したがって、最初に

  タグを作成できます:

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

  次に、境界線の高さを 0 に設定し、上境界線または下境界線のいずれかを設定します。 border to 1 ピクセルの破線。

  詳細は次のとおりです:

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

  レンダリング:

  

  • #HTML の hr タグでも、水平線 hr タグの CSS スタイルを設定することで、点線の効果を実現できます。

  CSS コード:

  hr{border:blue 1px dashed}

  レンダリング:

  

  コード全体:

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

  コンピューター プログラミング関連の知識については、

  プログラミング教育をご覧ください。 ！

以上がCSSで点線を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。