diff --git a/docs/quickreference.html b/docs/quickreference.html
index cecb1d82..8ad91b95 100644
--- a/docs/quickreference.html
+++ b/docs/quickreference.html
@@ -751,6 +751,14 @@
 </ul>
 <!--rehype:className=style-round-->
 <p><code>&#x3C;!--rehype:className=style-round--></code></p>
+</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="箭头标记"><a aria-hidden="true" tabindex="-1" href="#箭头标记"><span class="icon icon-link"></span></a>箭头标记</h3><div class="wrap-body">
+<ul class="style-arrow">
+<li>Item 1</li>
+<li>Item 2</li>
+<li>Item 3</li>
+</ul>
+<!--rehype:className=style-arrow-->
+<p><code>&#x3C;!--rehype:className=style-arrow--></code></p>
 </div></div></div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2 id="h2-部分---5列效果展示"><a aria-hidden="true" tabindex="-1" href="#h2-部分---5列效果展示"><span class="icon icon-link"></span></a>H2 部分 - 5列效果展示</h2><div class="wrap-body">
 <!--rehype:body-class=cols-5-->
 </div></div><div class="h2wrap-body cols-5"><div class="wrap" style="background:#dba300;"><div class="wrap-header h3wrap"><h3 id="one"><a aria-hidden="true" tabindex="-1" href="#one"><span class="icon icon-link"></span></a>One</h3><div class="wrap-body">
diff --git a/style/style.css b/style/style.css
index 09faa67d..ea287e3a 100644
--- a/style/style.css
+++ b/style/style.css
@@ -217,14 +217,14 @@ table.style-list td, table.style-list-arrow td {
   text-align: left !important;
 }
 
-table.style-list-arrow td:first-child::before  {
+table.style-list-arrow td:first-child::before, ul.style-arrow li:before {
   content: '';
   display: inline-block;
   width: 0px;
   height: 0px;
-  border-right: 8px solid transparent;
+  border-right: 6px solid transparent;
   border-top: 5px solid transparent;
-  border-left: 8px solid #228e6c;
+  border-left: 6px solid #228e6c;
   border-bottom: 5px solid transparent;
 }
 
@@ -597,7 +597,7 @@ body:not(.home) .h3wrap > h3:hover a::after {
   border-bottom: solid 1px var(--color-border-muted);
 }
 
-.h2wrap-body ul:not(.style-none)>li::before {
+.h2wrap-body ul:not(.style-none):not(.style-arrow)>li::before {
   content: '';
   position: absolute;
   display: inline-block;
@@ -665,6 +665,14 @@ body:not(.home) .h3wrap > h3:hover a::after {
   top: 14px;
 }
 
+ul.style-arrow li:before {
+  /* left: -10px;
+  position: relative; */
+  position: absolute;
+  left: 13px;
+  top: 13px;
+}
+
 .wrap-body ul:last-child {
   margin-bottom: 0;
 }