[CSS]痞客邦滑鼠移到超連結，背景顏色變化

痞客邦滑鼠移到超連結，背景顏色變化

滑鼠移到超連結處，背景顏色變化，就會有一種＂互動感＂，讓使用者更想點這個連結～

看起來就像這樣：

 

程式碼（痞客邦後台 → 樣式管理 → CSS原始碼）：

.article-body a:hover

{

background-color: #C4E1FF;

}

---------------
程式碼解析

.article-body → 指文章內文

a:hover →

a是痞客邦的文章超連結名稱

hover則是滑鼠移到目標時的動態效果，是CSS常用的屬性

background-color →

背景顏色，也就是滑鼠移到目標時所要產生的顏色，這個就看你自己版面的設計。
我用的是：#C4E1FF （淡藍色）
---------
若是你要改的地方是標題：.article就換成.title

若是你要改的地方是側欄：.article就換成.box

要改哪裡，就去找它的位置名稱

痞客邦的html詳細架構，痞客邦有公告：

https://admin.pixnet.net/blog/post/7478518

在修改痞客邦CSS之前，先看過名稱會省下很尋找的時間。