2007年2月23日

有雜誌風格的Blog文章

果你平時有在看雜誌,你會發現雜誌的文章有一個共同的特點,那就是文章的第一個字通常會比較大;這幾天過年看了不少雜誌,我就在想說能不能把這個特色套用在Blog上呢?

之前我曾經用良人的大秘寶 -> [筆記]在文章裡顯示優質的程式碼區來顯示程式碼,再參考53 CSS-Techniques You Couldn’t Live Without的第10個方法,所以這一次我就套用他的方法。

只要在範本的]]></b:skin>之前加入下列的CSS:
cap {
float:left;
color:white;
background:#00CCFF;
border:1px solid;
font-size:60px;
line-height:60px;
}


以後在發表文章時,只要將文章的第一個字用<cap>和</cap>包起來,這樣看起來就滿有雜誌文章的味道。