diff --git a/components/carousel/demo/autoplay.md b/components/carousel/demo/autoplay.md
index 30e2888c7956..398fdf970a9c 100644
--- a/components/carousel/demo/autoplay.md
+++ b/components/carousel/demo/autoplay.md
@@ -25,3 +25,18 @@ ReactDOM.render(
   </Carousel>
 , mountNode);
 ````
+
+````css
+/* For demo */
+.ant-carousel .slick-slide {
+  text-align: center;
+  height: 160px;
+  line-height: 160px;
+  background: #364d79;
+  overflow: hidden;
+}
+
+.ant-carousel .slick-slide h3 {
+  color: #fff;
+}
+````
diff --git a/components/carousel/demo/basic.md b/components/carousel/demo/basic.md
index 6ca1741c1f70..3e1f57d5b9ad 100644
--- a/components/carousel/demo/basic.md
+++ b/components/carousel/demo/basic.md
@@ -37,7 +37,10 @@ ReactDOM.render(
   height: 160px;
   line-height: 160px;
   background: #364d79;
-  color: #fff;
   overflow: hidden;
 }
+
+.ant-carousel .slick-slide h3 {
+  color: #fff;
+}
 ````
diff --git a/components/carousel/demo/fade.md b/components/carousel/demo/fade.md
index 450174318992..5b47154f4ac9 100644
--- a/components/carousel/demo/fade.md
+++ b/components/carousel/demo/fade.md
@@ -26,3 +26,17 @@ ReactDOM.render(
 , mountNode);
 ````
 
+````css
+/* For demo */
+.ant-carousel .slick-slide {
+  text-align: center;
+  height: 160px;
+  line-height: 160px;
+  background: #364d79;
+  overflow: hidden;
+}
+
+.ant-carousel .slick-slide h3 {
+  color: #fff;
+}
+````
diff --git a/components/carousel/demo/vertical.md b/components/carousel/demo/vertical.md
index d13fc60f1541..6829fa87fd9b 100644
--- a/components/carousel/demo/vertical.md
+++ b/components/carousel/demo/vertical.md
@@ -25,3 +25,18 @@ ReactDOM.render(
   </Carousel>
 , mountNode);
 ````
+
+````css
+/* For demo */
+.ant-carousel .slick-slide {
+  text-align: center;
+  height: 160px;
+  line-height: 160px;
+  background: #364d79;
+  overflow: hidden;
+}
+
+.ant-carousel .slick-slide h3 {
+  color: #fff;
+}
+````