分割線用于管理和分隔列表和頁面布局中的內容，以便讓內容生成更好的視覺效果及空間感。

調用方式

分隔線使用純 CSS 編寫，只需編寫 HTML 代碼即可生效。

色彩

• 深色分隔線，用于淺色背景
  
• 淺色分隔線，用于深色背景
  
• 自動調整顏色的分隔線，會根據頁面主題自動調整為深色或淺色
  

相關閱讀

Material Design 分隔線設計規(guī)范

樣式

等屏寬分隔線

等屏寬分隔線會占據 100% 的寬度?？梢允褂玫念惷ǎ?/p>

• mdui-divider：在默認主題下為深色，在深色主題下為淺色。
  
• mdui-divider-light：淺色的分割線，用在深色背景上。
  
• mdui-divider-dark：深色的分割線，用在淺色背景上。
  

<div class="mdui-divider"></div>

內凹分隔線

內凹分隔線距離左側有 72px 的距離，經常用在有頭像或圖標的列表中?？梢允褂玫念惷ǎ?/p>

• mdui-divider-inset：在默認主題下為深色，在深色主題下為淺色。
  
• mdui-divider-inset-light：淺色的分割線，用在深色背景上。
  
• mdui-divider-inset-dark：深色的分割線，用在淺色背景上。
  

<div class="mdui-divider-inset"></div>

CSS 類名列表