close
點進去網誌旁的「文章分類」
會出現一整排文章標題
這個地方就叫做「文章列表」
如果你對它的字體大小、顏色不滿意
要怎麼修改呢?
我們點進去無名網誌旁的「文章分類」,就會出現像這樣的「文章列表」~
下面,就帶您來一步步修改它~
一、改變背景底色
我們可以改變它的底色,就像這樣:
![下一張(熱鍵:c) 下一張(熱鍵:c)](https://imageproxy.pixnet.cc/imgproxy?url=https://pic.pimg.tw/ajoyce9868700/1311248098-a191e1302246152aa02972a996c2c373.jpg)
只要在樣式表裡加入這一句即可:
.articletext TABLE {background-color: #色碼;}
顏色可以自己決定,請參考色碼表
當然,如果你原本有底色,現在不想要了,也可以用這句把它去掉:
.articletext TABLE {background: none;}
二、改變文字大小、色彩
文字的大小、顏色,要怎麼改變呢?例如"日期"和"帳號"的顏色:
![下一張(熱鍵:c) 下一張(熱鍵:c)](https://imageproxy.pixnet.cc/imgproxy?url=https://pic.pimg.tw/ajoyce9868700/1311248099-24ca6ad3265dd043a62d53002a7af681.jpg)
在樣式表加入這一句即可:
.articletext TABLE {font-size: 18px; color:#色碼; line-height: 150%;}
font-size是字體大小,line-height則是「行距」,你可以自己調整
"文章標題"也想要換顏色?就像這樣:
![下一張(熱鍵:c) 下一張(熱鍵:c)](https://imageproxy.pixnet.cc/imgproxy?url=https://pic.pimg.tw/ajoyce9868700/1311248099-7bf3a2cbe813dba4cd96b09103781ede.jpg)
語法是這一句:
.articletext TABLE A {color:#色碼;}
此外,滑鼠經過時的顏色,是用這一句:
.articletext TABLE A:hover {color:#色碼;}
三、移動位置
如果你不滿意它的位置,可以用下面這句來調整:
.articletext TABLE {padding-left: 300px; padding-top: 300px;}
紅色數字是整個文章列表,跟左方、上方的距離,你可以自己調整
四、讓密碼鎖消失
有些鎖密碼的文章,要怎麼讓鑰匙圖案不見?(看起來比較整齊)
請用下面這一句:
.articletext TABLE A img {display:none;}
就為您介紹到這裡。是不是很簡單呢?
全站熱搜