連結標題底圖變化

　

　

此語法在參觀 阿泰104 發現

314手癢 查看 阿泰104 的原始碼，

拆解下來重新改寫語法測試做教學

讓語法去除連結底線

　

314已將阿泰104 收入部落格教學達人族群

建議大家參觀 阿泰104 部落格

阿泰104 相當用心整理製做許多教學

　

　

底圖 注意：

不可使用自己電腦內 或 部落格相簿圖片

↑會無法呈現

請使用放置在個人空間的網路圖片

可採用網路上背景圖

使用閃底圖 效果不錯

314提供閃底素材 請自行放至個人網路空間

　

背景底圖資訊：

晚上 假日 流量大不易下載

下載→亮彩底紋.exe

314天空相簿 閃底 素材

閃圖底框素材

　

　

改變CSS語法之前，強烈建議請先複製在 Word 備份

置換語法步驟：

登入 奇摩 - 進入 管理部落格 - 選 面板設定 - 選 自訂樣式

　

請選擇你要的 連結語法 貼在CSS中

CSS語法中 不能同時並存相同語法

　

　

連結標題底圖變化語法：

　

　

/*Links連結底圖無底線*/ a,a:link,a:visited{color:#0033FF;text-decoration: none;} a:hover{color:#eeeeee;text-decoration: none;background-image:url(http://網路圖片.gif)}

　

　

語法說明：

a,a:link,a:visited{color:#0033FF ←字體顏色

ext-decoration: none ← 去除底線

a:hover{color:#eeeeee ←滑鼠停在連結時 文字顏色

點選→色碼表查詢←顏色編號

　

　

連結底圖有底線 語法：

　

　

/*Links連結底圖有底線*/ a,a:link,a:visited{color:#0033FF;text-decoration: none;} a:hover{color:#eeeeee;text-decoration: underline;background-image:url(http://圖片網址.gif)}

　

　

語法說明：

　

a,a:link,a:visited{color:#0033FF ←字體顏色

ext-decoration: none ← 去除底線

a:hover{color:#eeeeee ←滑鼠停在連結時 文字顏色

text-decoration: underline ←連結時有底線

點選→色碼表查詢←顏色編號

　

　

去除連結底線 語法：

　

　

/*Links文章去除連結底線*/ a,a:link,a:visited{color:#904E0E;text-decoration: none} a:hover{color:#F4AB25;background-color: #FFECD9;text-decoration: none;}

　

　

語法說明：

　

color:#660000 ←改顏色

點選→色碼表查詢←顏色編號

none ←加這句 去除連結底線

a,a:link,a:visited{color:#904E0E ←超連結字體顏色 →314

a:hover{color:#F4AB25 ←滑鼠停在超連結中文字的顏色→314

background-color: #FFECD9 ←滑鼠停留在超連結中文字的底色→314

　

　

詢問前 請善用 站內搜尋 或查看314精華區

　

　

　

您是第位訪客