滑鼠指標靠近改變回應—引用圖

   滑鼠指標靠近改變回應—引用圖

/*回應圖*/
div.btncomment a {display:block;height:32px;width:62px;background:url(圖片網址) no-repeat;}

/*滑鼠指標靠近改變回應圖*/
div.btncomment a:hover {display:block;height:35px;width:80px;background:url(圖片網址) no-repeat;}

/*引用圖*/
div.btntrackback a {display:block;height:32px;width:62px;background:url(圖片網址) no-repeat;}

/*滑鼠指標靠近改變引用圖*/
div.btntrackback a:hover {display:block;height:35px;width:80px;background:url(圖片網址) no-repeat;}

語法中的 height:32px;width:62px; 及 height:35px;width:80px; 調整圖片寬高

PS : 基本上連結時是使用不同樣的圖片，至於圖片轉換型式自行創作，在此只提供套用語法

套用邊框，範例 :(任何一組語法以同樣的方式代入邊框語法)

div.btncomment a {display:block;height:32px;width:62px;background:url( http://connie-ee.t35.com/999/01/17.gif ) no-repeat; border-left:4px double #FF0000; border-right:4px double #FF0000; border-top:4px double #FF0000; border-bottom:4px double #FF0000;}

邊框語法解說 :

border-left:4px double #FF0000; border-right:4px double #FF0000; border-top:4px double #FF0000; border-bottom:4px double #FF0000;

left = 左邊框

right = 右邊框

top = 上邊框

bottom = 下邊框

double = 雙線 (請參考框線條樣式)

4px = 框線粗細像素值 (一般使用在1~5之間)

#ff00ff = 框線顏色色碼 (可搭配個人使用的背景配色，請參考色碼表)

框線條樣式  :    ( 無、點線、實線、雙線、溝線、脊線、嵌入線、浮出線 )

相對應語法 :   none︱ dotted｜solid︱ double︱ groove︱ ridge︱ inset︱ outset

貼語法路徑→管理部落格→面板設定→自訂樣式→加入語法→確定

自訂樣式檢圖說明→ http://xs320.xs.to/xs320/07421/W6-4.jpg

色碼表應用 : (注意 : 有些數字色碼無支援應用在奇摩部落格當邊框顏色，無支援的貼上只會顯示灰色)

英文色碼表                數字色碼表