diff --git a/src/components/PageHeader/demo/image.md b/src/components/PageHeader/demo/image.md
index 6f2c6353..c2167e3a 100644
--- a/src/components/PageHeader/demo/image.md
+++ b/src/components/PageHeader/demo/image.md
@@ -10,7 +10,7 @@ import PageHeader from 'ant-design-pro/lib/PageHeader';
 
 const content = (
   <div>
-    <p>段落示意：蚂蚁金服务设计平台-ant.design，用最小的工作量，无缝接入蚂蚁金服生态，
+    <p>段落示意：蚂蚁金服务设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，
 提供跨越设计与开发的体验解决方案。</p>
     <div className="link">
       <a>
@@ -55,6 +55,9 @@ ReactDOM.render(
 ````
 
 <style>
+#scaffold-src-components-PageHeader-demo-image .code-box-demo {
+  background: #f2f4f5;
+}
 #scaffold-src-components-PageHeader-demo-image .imgContainer {
   margin-top: -60px;
   text-align: center;
diff --git a/src/components/PageHeader/demo/simple.md b/src/components/PageHeader/demo/simple.md
index 30edd647..d0ad1f7d 100644
--- a/src/components/PageHeader/demo/simple.md
+++ b/src/components/PageHeader/demo/simple.md
@@ -24,3 +24,9 @@ ReactDOM.render(
   </div>
 , mountNode);
 ````
+
+<style>
+#scaffold-src-components-PageHeader-demo-simple .code-box-demo {
+  background: #f2f4f5;
+}
+</style>
diff --git a/src/components/PageHeader/demo/standard.md b/src/components/PageHeader/demo/standard.md
index c51b677c..8a5c8ede 100644
--- a/src/components/PageHeader/demo/standard.md
+++ b/src/components/PageHeader/demo/standard.md
@@ -93,3 +93,9 @@ ReactDOM.render(
   </div>
 , mountNode);
 ````
+
+<style>
+#scaffold-src-components-PageHeader-demo-standard .code-box-demo {
+  background: #f2f4f5;
+}
+</style>
diff --git a/src/components/PageHeader/demo/structure.md b/src/components/PageHeader/demo/structure.md
index 66d9d125..077d6e5c 100644
--- a/src/components/PageHeader/demo/structure.md
+++ b/src/components/PageHeader/demo/structure.md
@@ -41,7 +41,7 @@ ReactDOM.render(
 
 <style>
 #scaffold-src-components-PageHeader-demo-structure .code-box-demo {
-  background: #eee;
+  background: #f2f4f5;
 }
 #scaffold-src-components-PageHeader-demo-structure .logo {
   background: #3ba0e9;