close
文章分類的分類目錄圖示不合心意,現在可以隨心更改自個兒喜愛的樣式囉!
效果如下:
更改前
更改後
【CSS語法】
#category .box-text h6 img{display:none;}
#category .box-text h6 {
background-image:url(圖片);
background-repeat:no-repeat;
background-position:left center;
padding-left:*px;
}
【語法說明】
#category .box-text h6 img{display:none;} →代表將原先的圖示隱藏。
#category .box-text h6 {
background-image:url(圖片); →欲放置的圖片
background-repeat:no-repeat; →圖片不重複
background-position:left center; →圖片水平置中,垂直置左。亦可以更改位置,如「center」(置中)、「right(靠右)」;也可以用*px設距離。
padding-left:*px; →代表與文章分類敘述的距離,「*」填入數字。
}
貼在編輯CSS內即可。
語法複製 * 文章分類目錄改小圖示 *
效果如下:
更改前
==================================================
更改後
【CSS語法】
#category .box-text h6 img{display:none;}
#category .box-text h6 {
background-image:url(圖片);
background-repeat:no-repeat;
background-position:left center;
padding-left:*px;
}
【語法說明】
#category .box-text h6 img{display:none;} →代表將原先的圖示隱藏。
#category .box-text h6 {
background-image:url(圖片); →欲放置的圖片
background-repeat:no-repeat; →圖片不重複
background-position:left center; →圖片水平置中,垂直置左。亦可以更改位置,如「center」(置中)、「right(靠右)」;也可以用*px設距離。
padding-left:*px; →代表與文章分類敘述的距離,「*」填入數字。
}
貼在編輯CSS內即可。
語法複製 * 文章分類目錄改小圖示 *
全站熱搜
留言列表