diff --git a/src/components/borderBox2/img/border.png b/src/components/borderBox2/img/border.png
new file mode 100644
index 0000000..bc6e45e
Binary files /dev/null and b/src/components/borderBox2/img/border.png differ
diff --git a/src/components/borderBox2/index.vue b/src/components/borderBox2/index.vue
new file mode 100644
index 0000000..1601a83
--- /dev/null
+++ b/src/components/borderBox2/index.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="border-box-2">
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BorderBox2'
+}
+</script>
+
+<style lang="less">
+.border-box-2 {
+  box-sizing: border-box;
+  border-style: solid;
+  border-image: url('./img/border.png') 14 fill;
+  border-width: 14px;
+}
+</style>