css怎麼設定虛線

css設定虛線的方法：1、建立

標籤，然後為div添加css樣式為「border-bottom:red 1px dashed;」；2、透過hr標籤設定水平線，然後給hr標籤新增border屬性即可實現虛線效果。

文中示範環境：宏基底S40-51、Windows10 家用中文版、HTML5&&CSS3&&HBuilderX.3.0.5。

推薦：《css影片教學》

css設定虛線的方法

透過設定虛線邊框來設定虛線：

• 我們知道在html中

  標籤的邊框可以設定為虛線。

  所以可以先建立一個

  標籤：

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

  然後將該邊框的高度設為0，將上邊框或下邊框其中一個設為一個像素的虛線。

  具體如下：

  .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中文網其他相關文章！