close

點進去網誌旁的「文章分類」
會出現一整排文章標題
這個地方就叫做「文章列表」
如果你對它的字體大小、顏色不滿意
要怎麼修改呢?




我們點進去無名網誌旁的「文章分類」,就會出現像這樣的「文章列表」~

下一張(熱鍵:c)

下面,就帶您來一步步修改它~



 一、改變背景底色


我們可以改變它的底色,就像這樣:


下一張(熱鍵:c)


只要在樣式表裡加入這一句即可:

.articletext TABLE {background-color: #色碼;}
顏色可以自己決定,請參考色碼表


當然,如果你原本有底色,現在不想要了,也可以用這句把它去掉:

.articletext TABLE {background: none;}



 二、改變文字大小、色彩


文字的大小、顏色,要怎麼改變呢?
例如"日期"和"帳號"的顏色:

下一張(熱鍵:c)


在樣式表加入這一句即可:

.articletext TABLE {font-size: 18px; color:#色碼; line-height: 150%;}

font-size是字體大小,line-height則是「行距」,你可以自己調整



"文章標題"也想要換顏色?就像這樣:

下一張(熱鍵:c)


語法是這一句:

.articletext TABLE
A {color:#色碼;}


此外,滑鼠經過時的顏色,是用這一句:

.articletext TABLE A:hover {
color:#色碼;}



 三、移動位置


如果你不滿意它的位置,可以用下面這句來調整:


.articletext TABLE {padding-left: 300px; padding-top: 300px;}
紅色數字是整個文章列表,跟左方、上方的距離,你可以自己調整



 四、讓密碼鎖消失


有些鎖密碼的文章,要怎麼讓鑰匙圖案不見?(看起來比較整齊)
請用下面這一句:


.articletext
TABLE A img {display:none;}


就為您介紹到這裡。是不是很簡單呢?
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 明日香 的頭像
    明日香

    無名樣式/音樂語法/音樂語法代製

    明日香 發表在 痞客邦 留言(0) 人氣()