在頁面和浏覽器中，除了文字、圖檔、表格、表單等，還有很多各種各樣的元素，在上篇博文中，小編主要簡單的介紹了一下在CSS中如何設定表格和表單，今天小編主要簡單介紹一下豐富的超連結特效、滑鼠特效、頁面滾動條。首先我們來看一張思維導圖：
接着，小編會跟随上述思維導圖的足迹，慢慢探尋，豐富的超連結特效中，我們首先來介紹動态超連結，我們來看一下例子的代碼和運作的效果：
動态超連結
運作效果如下所示：
分析一下上面的代碼，我們很容易可以看出，首先将一個table标記将頁面中的banner分離開來，其次将一個table标記将一個橫排的一個菜單，實作一個很漂亮的浏覽效果。在這裡我們值得一下的是：a:link、a:visited、a:hover來分别設定動态了超連結的效果。我們接下來看看按鈕式超連結，我們看看例子代碼和運作效果
按鈕式超連結
運作效果如下：
這幾個超連結長成了按鈕，當滑鼠移上去的時候，分别進行了變化，那麼他在CSS中又是怎麼實作的呢？我們來分析一下代碼，首先一個a标記，她是對整個的按鈕進行了統一的設定；a:link與a:visited采用了一樣的設定，這裡邊的border-top與border-left用了同一種顔色，border-bottom與border-right使用了同一種顔色，這就實作了一種陰影的效果；而在hover中巧妙的把這兩種顔色替換，給人一種感覺如同一個按鈕，我們繼續看浮雕式超連結，我們來看一下例子代碼和運作效果：
浮雕式超連結
浮雕按鈕好像是浮出紙面一樣，當滑鼠放上去的時候，她的變化比剛才的按鈕來的更加絢麗，分析一下我們的代碼，正文部分依然很簡單，一個table、一個banner，然後是無數個a标記并排，表示的是超連結，重點的是，将這一橫的table标記設定成了一幅背景圖檔，table.banner将一個小圖檔進行了重複。我們看看CSS控制滑鼠箭頭，看看我們的例子代碼和運作效果：
CSS控制滑鼠箭頭
運作效果如下所示：
當我們把滑鼠指向幫助的時候，滑鼠的右上角就會出現一個小問号，我們對幫助這個按鈕單獨設定了一個class類，cursor：help，當然她的值還有很多，不但有help。小夥伴可以自己動手試一下。最後我們來看一個頁面滾動條的例子代碼和運作效果：
頁面滾動條
運作效果如下：
如上圖運作效果所示，這個滾動條不再是IE所預設的效果，而是一個非常絢麗的藍色；我們将頁面縮小，同樣看到右邊的滾動條也在變幻，碼十分的簡單，scrollbar有很多很多屬性，小夥伴們可以自己動手來試試。
小編寄語：該博文小編主要簡單的介紹了CSS中關于如何設定頁面和浏覽器的相關知識點，總共分為三個部分進行詳細介紹，包括超連結特效，CSS控制滑鼠箭頭，頁面滾動條，其中詳細介紹了超連結的特效，超連結特效包括動态超連結，按鈕式超連結和浮雕式超連結，在動态超連結中我們首先将一個table标記将頁面中的banner分離開來，其次将一個table标記将一個橫排的一個菜單，實作一個很漂亮的浏覽效果。在這裡我們值得一下的是：a:link、a:visited、a:hover來分别設定動态了超連結的效果；按鈕式連接配接首先一個a标記，她是對整個的按鈕進行了統一的設定；a:link與a:visited采用了一樣的設定，這裡邊的border-top與border-left用了同一種顔色，border-bottom與border-right使用了同一種顔色，這就實作了一種陰影的效果；而在hover中巧妙的把這兩種顔色替換，給人一種感覺如同一個按鈕；最後浮雕式連接配接一個table、一個banner，然後是無數個a标記并排，表示的是超連結，重點的是，将這一橫的table标記設定成了一幅背景圖檔，table.banner将一個小圖檔進行了重複，CSS的内容并不困難，難就難在你是否自己真正動手去時間，BS學習，未完待續......