° ◦ ☆║:: miaupau 就是喵寶 ::║☆ ◦ °

文章分類的分類目錄名稱可以增加喜愛的樣式！


效果如下：


  未增加圖示




  增加圖示




【CSS語法】
#category .box-text li a{
background-image:url(圖片);
background-repeat:no-repeat;
background-position:*px *px;
padding-left:*px;
}
#category .box-text li a:hover{
background-image:url(圖片);
background-repeat:no-repeat;
}


【語法說明】
#category .box-text li a{ } →代表超連結時的狀態。
#category .box-text li a:hover{ } →代表滑鼠移至超連結時的樣式。
background-image:url(圖片); →欲放置的圖片。
background-repeat:no-repeat; →圖片不重複。
background-position :*px *px;; →設置圖片位置。可以用「center」（置中）、「right（靠右）」等設置；也可以用*px設距離。
padding-left:*px; →代表與文章分類敘述的距離，「*」填入數字。


若僅要簡單設置，則可以只填入「#category .box-text li a{ }」一項，「#category .box-text li a:hover{ }」的設定可以省略；若需滑鼠移至超連結時的模樣，則「#category .box-text li a:hover{ }」也需設定。


 貼在編輯CSS內即可。
 語法複製    ＊ 文章分類目錄名稱前加小圖示 ＊