diff --git a/examples/routers/card.vue b/examples/routers/card.vue
index 1a6e9223..b62acf72 100644
--- a/examples/routers/card.vue
+++ b/examples/routers/card.vue
@@ -1,5 +1,5 @@
 <template>
-    <Card style="width:350px">
+    <Card style="width:350px" v-bind:padding="0">
         <p slot="title">
             <Icon type="ios-film-outline"></Icon>
             经典电影
diff --git a/src/components/card/card.vue b/src/components/card/card.vue
index f5714acd..8d08266e 100644
--- a/src/components/card/card.vue
+++ b/src/components/card/card.vue
@@ -2,7 +2,7 @@
     <div :class="classes">
         <div :class="headClasses" v-if="showHead"><slot name="title"></slot></div>
         <div :class="extraClasses" v-if="showExtra"><slot name="extra"></slot></div>
-        <div :class="bodyClasses"><slot></slot></div>
+        <div :class="bodyClasses" :style="bodyStyles"><slot></slot></div>
     </div>
 </template>
 <script>
@@ -21,7 +21,8 @@
             shadow: {
                 type: Boolean,
                 default: false
-            }
+            },
+            padding: Number
         },
         data () {
             return {
@@ -48,6 +49,16 @@
             },
             bodyClasses () {
                 return `${prefixCls}-body`;
+            },
+            bodyStyles () {
+                let padding = this.padding;
+                if (this.padding !== undefined) {
+                    padding += 'px';
+                    return {
+                        padding,
+                    };
+                }
+                return '';
             }
         },
         mounted () {