2007/3/27

How to : 首字大寫的排版風格 in blogspot

近應該連上我blog的人都有發現到,我的每一篇文章的第一個字都變的比較大,其實很久以前就有看到這樣的風格,不過一直不知道要怎麼改。前幾天看到Josh's Notes裡面剛好有篇教學文章,於是馬上就套用進來使用。

基本上修改作法並不難,基本上就是修改Template就可以了。首先就是將下列的CSS加到</b:skin>前。
.cap {
float:left;
color:white;
background:#00CCFF;
border:1px solid;
font-size:60px;
line-height:60px;
}

接下來在寫文章的時候用<span class="cap">和</span>把第一個字包起來就可以了。
<span class="cap">第一個字</span>

相關連結:
Josh's Note - 有雜誌風格的Blog文章II For Internet Explorer

沒有留言:

張貼留言