反逆的御宅族( ACG OTAKU OF THE REBELLION)

CSS語法分享系列又來了！傳統的痞客邦語法不敢恭維，時代一直在變遷，人們的夢...啊不是！部落客也需要與時俱進的改版版面，到底有些人的月曆為何可以美美的，要怎麼做呢？且看我分享~

月曆的語法修改其實只有幾個項目需要調整，雖然調整項目少但是依舊每一個數值都會直接影響月曆美觀，我就以我自己部落個的月曆來跟大家分享語法，大家可以自行修改相對應參數玩出自己的感覺。

我的月曆語法有下面幾種項目：

#calendar table {}

#calendar td {}

#calendar td a {}

calendar table 這邊可以設定月曆中間的內容物，與上下左右的距離關係，藉由margin的數值來實現，前面是上下、後面是左右。我這邊距離直接設成0放置在中間。

margin設定

語法：

#calendar table {
margin:0px 0px;

}

calendar td 可以設定字形大小、文字是否置中，以及每一列的行高，

行高調為90效果

語法：

#calendar td {
text-align: 設定文字置中為 center;
font-size:  字型大小 px;
line-height: 每一行月曆之間的行高 px;

}

calendar td a 設定顯示方式為區塊為block，裡面數字的顏色、方框是否設定圓角矩型、方框背景顏色、以及框框之間的間距。

語法：

#calendar td a {
display: 設定為block;
color: #色號可以自行設定;
border-radius:可以設定框框的圓角矩形px;
background: #設定框框的顏色色號;
margin:框與框之間的距離設定px;

}

小結

月曆設定看似簡單，其實一沒調整好整個就會"走鐘"了，還有許多變化可以做調整，有些語法其實也還沒有完全搞懂，不過這邊跟大家分享我的月曆語法，希望可以對大家改版型有所幫助。

相關文章推薦

【CSS痞客邦語法】06｜實戰改側欄滑鼠移入hover變化

【CSS痞客邦語法】07｜實戰製作痞客邦 導覽列