牡麗三郎的部落格

自訂樣式應用

/*滑鼠指標移到超連結顯示立體彩邊框*/

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

範例 : 指標請靠近我觀看(當你有正確設定時，指標靠近就會出現邊框)

語法解說 : BORDER邊框的設定

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

left = 左邊框

right = 右邊框

top = 上邊框

bottom = 下邊框

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

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

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

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