语法高亮，滚动条美化，设置页面调整

docs/c/rectangle.html

@@ -8,14 +8,14 @@
   <p>功能：在屏幕上画一矩形。</p>
   
   <p>说明：（left,top）指定左上角坐标，（right,bottom）指定右下角坐标。</p>
-  <pre>
+  <pre><code class="language-c">
         mode决定画图方式，其值含义如下：
         0：清除方式
         1：正常方式
         2：反相方式
-    </pre>     
+    </code></pre>     
     
-  举例：<pre>
+  举例：<pre><code class="language-c">
 
       // rectangle.c
       
@@ -42,5 +42,5 @@
         return 0;
       }
       
-  </pre>相关函数：<a href="block.html">block</a>
+  </code></pre>相关函数：<a href="block.html">block</a>