diff --git a/pages.json b/pages.json
index 47719ec36dd95dfb3c60679b9e8958a9fe34a46d..58b26c60d764ec01c029d379594a7f810519af72 100644
--- a/pages.json
+++ b/pages.json
@@ -335,24 +335,48 @@
       "style": {
         "navigationBarTitleText": "background-image"
       }
+    },
+    {
+      "path": "pages/CSS/border/border-bottom",
+      "style": {
+        "navigationBarTitleText": "border-bottom"
+      }
     },
     {
       "path": "pages/CSS/border/border-color",
       "style": {
         "navigationBarTitleText": "border-color"
       }
+    },
+    {
+      "path": "pages/CSS/border/border-left",
+      "style": {
+        "navigationBarTitleText": "border-left"
+      }
     },
     {
       "path": "pages/CSS/border/border-radius",
       "style": {
         "navigationBarTitleText": "border-radius"
       }
+    },
+    {
+      "path": "pages/CSS/border/border-right",
+      "style": {
+        "navigationBarTitleText": "border-right"
+      }
     },
     {
       "path": "pages/CSS/border/border-style",
       "style": {
         "navigationBarTitleText": "border-style"
       }
+    },
+    {
+      "path": "pages/CSS/border/border-top",
+      "style": {
+        "navigationBarTitleText": "border-top"
+      }
     },
     {
       "path": "pages/CSS/border/border-width",
diff --git a/pages/CSS/border/border-bottom.uvue b/pages/CSS/border/border-bottom.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..5ac9b8af54b3b0b279a08bf845152eef0ad4267f
--- /dev/null
+++ b/pages/CSS/border/border-bottom.uvue
@@ -0,0 +1,20 @@
+<template>
+  <view style="flex-grow: 1;">
+    <view>
+      <text>border-bottom: 10rpx dashed blue</text>
+      <view class="common" style="border-bottom: 10rpx dashed blue;"></view>
+    </view>
+  </view>
+</template>
+
+<script>
+
+</script>
+
+<style>
+  .common {
+    width: 500rpx;
+    height: 500rpx;
+    background-color: gray;
+  }
+</style>
\ No newline at end of file
diff --git a/pages/CSS/border/border-left.uvue b/pages/CSS/border/border-left.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..5a36c535c42557b0198b4d06058400173872dd49
--- /dev/null
+++ b/pages/CSS/border/border-left.uvue
@@ -0,0 +1,20 @@
+<template>
+  <view style="flex-grow: 1;">
+    <view>
+      <text>border-left: 10rpx solid blue</text>
+      <view class="common" style="border-left: 10rpx solid blue;"></view>
+    </view>
+  </view>
+</template>
+
+<script>
+
+</script>
+
+<style>
+  .common {
+    width: 500rpx;
+    height: 500rpx;
+    background-color: gray;
+  }
+</style>
\ No newline at end of file
diff --git a/pages/CSS/border/border-right.uvue b/pages/CSS/border/border-right.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..e32239d4d4aacb37c964780680132d04e90be8e6
--- /dev/null
+++ b/pages/CSS/border/border-right.uvue
@@ -0,0 +1,20 @@
+<template>
+  <view style="flex-grow: 1;">
+    <view>
+      <text>border-right: 10rpx solid blue</text>
+      <view class="common" style="border-right: 10rpx solid blue;"></view>
+    </view>
+  </view>
+</template>
+
+<script>
+
+</script>
+
+<style>
+  .common {
+    width: 500rpx;
+    height: 500rpx;
+    background-color: gray;
+  }
+</style>
\ No newline at end of file
diff --git a/pages/CSS/border/border-top.uvue b/pages/CSS/border/border-top.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..17605ebbcba335d376f7dd39df672b967a32526e
--- /dev/null
+++ b/pages/CSS/border/border-top.uvue
@@ -0,0 +1,20 @@
+<template>
+  <view style="flex-grow: 1;">
+    <view>
+      <text>border-top: 10rpx dashed blue</text>
+      <view class="common" style="border-top: 10rpx dashed blue;"></view>
+    </view>
+  </view>
+</template>
+
+<script>
+
+</script>
+
+<style>
+  .common {
+    width: 500rpx;
+    height: 500rpx;
+    background-color: gray;
+  }
+</style>
\ No newline at end of file
diff --git a/pages/tabBar/CSS.uvue b/pages/tabBar/CSS.uvue
index 525e9a7fe66d750d25eef6807e5bbe4c0946cd59..291bc1280cb33d856ce8a38d9e6b8a66c3d62124 100644
--- a/pages/tabBar/CSS.uvue
+++ b/pages/tabBar/CSS.uvue
@@ -83,6 +83,22 @@
               {
                 name: 'border-radius',
                 url: '/pages/CSS/border/border-radius',
+              },
+              {
+                name: 'border-top',
+                url: '/pages/CSS/border/border-top',
+              },
+              {
+                name: 'border-bottom',
+                url: '/pages/CSS/border/border-bottom',
+              },
+              {
+                name: 'border-left',
+                url: '/pages/CSS/border/border-left',
+              },
+              {
+                name: 'border-right',
+                url: '/pages/CSS/border/border-right',
               },
               {
                 name: 'border属性复合示例',