修改各種標籤的樣式：

請試試看下面的樣式定義：

你會發現整張網頁都變成黃色了！因為代表網頁內容的 body 物件背景被設為黃色了！其他如代表段落的 p 標籤或 h1~h6等標題標籤，table等表格標籤都可以這樣在HEAD區塊或連結的CSS檔案內定義，一帶定義整張網頁內的該標籤格式都變了！

但是請注意！此時標籤名稱前不能加小數點，『.body』是錯的！而且不需要用class="..."引用。

加入背景影像的語法：

background-image: url(images/bg.gif);

值得注意的是 url 代表圖片網址，如上寫法是在網站的images目錄內的圖片 bg.gif，如果與網頁檔同一目錄就不需要前面的images，有趣的是直接寫圖片網址，連到別的網站取圖也是可以的！

譬如：url(http://ycc.tsu.edu.tw/gif/penguin.gif) 可以使用到老師網站首頁的企鵝小動畫

控制行距的語法：

多行文字的行距要用HTML控制幾乎是不可能的，所以我們需要CSS！請試試編輯如下網頁，就可以控制字型大小之後，定義行距為兩倍的行高！在此的 em 可以視為字元的大小(高度)。

想想看：如何在下面再加一段文字，字型是12點高，新細明體，行距為1.5倍行高？

提示：另建一個 style 在下一個段落中呼叫使用，可以蓋過預設的 p 樣式！

控制縮排的語法：

縮排也是HTML比較不會的事情，請試試下面的範例，可以做出上下左右四面不同距離的文字縮排。

上面程式碼 padding 就是離邊框多遠的意思，em是字元的大小，連續四個 em 值中間各留一個空白，分別表示『上→右→下→左』四邊的留白寬度！分別是1~4字元寬，網頁執行結果如右，看出來了嗎？

padding的值如果是：

另一方面，此地必須設定border為一點寬的實(solid)線，否則看不出來，然後主頁面內容是將此樣式套用在一個表格的儲存格上！

練習：請下載上週製作的課表，用樣式表的方式加入儲存格 td 的樣式，也用自訂樣式替不同課程設定底色，範例如下：

操控超連結外觀的語法：

請試試看以下原始碼：

這是設定超連結標籤<a>的三個狀態時的外觀變化，link是與滑鼠無關的正常外觀；hover是滑鼠移過但是沒按下；active是滑鼠按下時的外觀。執行程式三種狀態會變成這樣：

此外，如果你使用網頁設計軟體如Visual Web Developer也可以改變游標種類，下面是設定游標的操作畫面：

請想想看如何用背景圖片的定義讓超連結不同狀態顯示不同的圖案？譬如下面藍色為正常link狀態，hover時顯示紅色圖：