痞客邦滑鼠移到超連結,背景顏色變化
滑鼠移到超連結處,背景顏色變化,就會有一種"互動感",讓使用者更想點這個連結~
看起來就像這樣:
程式碼(痞客邦後台 → 樣式管理 → 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之前,先看過名稱會省下很尋找的時間。
文章標籤
全站熱搜