1、把按鈕的背景由灰色變成黃色，下面是代碼：

2、把按鈕文字的顏色變成紅色，字體變成楷體，代碼如下：

首先，什么叫樣式表單呢？假如你使用過Word就知道只需要設置一次版面配置和打印格式，那么在該文件內所有的頁面都具有了相同的格式，而樣式表單起的也就是這個作用，在同一個網站只需要提供一份樣式表單，然后在所有頁引用它，那么整個網站都會有相同的格式。樣式表單一共有三種。

第一種是外部網頁樣式表單。它是一個以CSS為后綴名的文件，相當于一個模板，設置好以后只需要在網頁內部引用它，就能夠使引用的網頁具有相同的格式。

第二種是內嵌式的網頁樣式表單，它一般在申明，它只對本網頁起作用，同時假如你已經使用了外部樣式表單，那么它將被內嵌式的網頁樣式表單屏蔽。

第三種叫做內聯式樣式表單，用于一段文字，一個表格，或者是一幅圖形。在前面，我們用的就是這種樣式表單，請注重，它通常是接在一個我們比較熟悉的HTML標簽之后，比如前文的“input”標簽，以“style”開頭，后面跟著一些屬性和屬性值。并且借助它們來準確地控制這個標簽。屬性與屬性值之間以冒號隔開，屬性與屬性之間用分號隔開。

好了，有了以上的理論知識，我們再來聯系一下實際，下面我們再看一個比較復雜的例子：