diff --git a/pages/CSS/box-shadow/box-shadow.uvue b/pages/CSS/box-shadow/box-shadow.uvue
index 6f6651a72b4d35e88023dce258900e12c74454d8..b19af899cced85756c92c1159ae21dc9e1f6125b 100644
--- a/pages/CSS/box-shadow/box-shadow.uvue
+++ b/pages/CSS/box-shadow/box-shadow.uvue
@@ -10,6 +10,27 @@
         </view>
       </view>
 
+      <view>
+        <text>box-shadow: 5px 5px 5px #00FF00</text>
+        <view class="backgroundview">
+          <view class="common" style="box-shadow: 5px 5px 5px #00FF00"></view>
+        </view>
+      </view>
+
+      <view>
+        <text>box-shadow: 5px 5px 5px rgb(0,0,255)</text>
+        <view class="backgroundview">
+          <view class="common" style="box-shadow: 5px 5px 5px rgb(0,0,255)"></view>
+        </view>
+      </view>
+
+      <view>
+        <text>box-shadow: 5px 5px 5px rgba(0,255,255,0.5)</text>
+        <view class="backgroundview">
+          <view class="common" style="box-shadow: 5px 5px 5px rgba(0,255,255,0.5)"></view>
+        </view>
+      </view>
+
       <view>
         <text>box-shadow: 5px 5px 5px black</text>
         <view class="backgroundview">