diff --git a/examples/element.html b/examples/element.html
index 21b0197f..1a05b387 100644
--- a/examples/element.html
+++ b/examples/element.html
@@ -154,25 +154,25 @@ body{padding:20px;}
 <hr>
  
 赤色分割线
-<hr class="layui-bg-red">
+<hr class="layui-border-red">
  
 橙色分割线
-<hr class="layui-bg-orange">
+<hr class="layui-border-orange">
  
 墨绿分割线
-<hr class="layui-bg-green">
+<hr class="layui-border-green">
  
 青色分割线
-<hr class="layui-bg-cyan">
+<hr class="layui-border-cyan">
  
 蓝色分割线
-<hr class="layui-bg-blue">
+<hr class="layui-border-blue">
  
 黑色分割线
-<hr class="layui-bg-black">
+<hr class="layui-border-black">
  
 灰色分割线
-<hr class="layui-bg-gray">
+<hr class="layui-border-gray">
 
 
 
diff --git a/src/css/layui.css b/src/css/layui.css
index d9c046c9..a535ca55 100644
--- a/src/css/layui.css
+++ b/src/css/layui.css
@@ -636,6 +636,15 @@ a cite{font-style: normal; *cursor:pointer;}
 .layui-border-purple{border-width: 1px; border-style: solid; border-color: #a233c6!important; color: #a233c6!important;}
 .layui-border-black{border-width: 1px; border-style: solid; border-color: #2f363c!important; color: #2f363c!important;}
 
+/* 分割线边框 */
+hr.layui-border-red,
+hr.layui-border-orange,
+hr.layui-border-green,
+hr.layui-border-cyan,
+hr.layui-border-blue,
+hr.layui-border-purple,
+hr.layui-border-black{border-width: 0 0 1px;}
+
 /* 背景边框 */
 .layui-timeline-item:before{background-color: #eee;}