用CSS裡面的a:hover去定義滑鼠移到一個可以連結的部份，進行樣式的變化，有兩種語法可參考:

第一種變成  按鈕型 ( 引用狗貓教學 )

如下圖：改3標示的部份。

在A:hover {
....
}
這一段中加上
background:#c0c0c0;
border-color:#dddddd;
border-style:outset;

你就會有跟我網頁上類似的按鈕效果，至於在是連結按鈕時，要不要改游標，可以增加
cursor : url(http://c.blog.xuite.net/c/f/7/b/11732000/blog_698/txt/4702563/46.gif), pointer;

這樣的語法，cursor:url(滑鼠指標.cur的網址)，可以參考http://blog.xuite.net/jeanson61/xuite/4770994這一篇的說明。

當然不想要這麼複雜的可以只設定
background:#c0c0c0; 只設定背景色。顏色色碼自己改。
或是
text-decoration:underline; 文字加底線
或是
text-decoration:blink; 文字閃爍
這樣也可以凸顯是一個文字連結按鈕的意義。

第二種變成  彩色邊框

A:hover { position : relative; border-left:3px ridge #00ffff;   border-right:3px ridge #ffff00; border-top:3px ridge #00ff80; border-bottom:3px ridge #ff00ff; }

說明:

position : relative=依物件左上角為基準點取相對位置(邊框絕對顯示，不因物件位置受到影響)

left = 左邊框

right = 右邊框

top = 上邊框

bottom = 下邊框

ridge = 脊狀 ︿(立體感設定語法)

3px = 像素值 (建議使用在1~5之間)

#ff00ff = 顏色色碼 (可搭配個人使用的背景配色)