Blogger CSS - 首字變大的效果

by iplay99

之前看過有些人的部落格文章的第一個字會變大(或稱為首字變大、首字下沉)，查了一下它的做法，使用方式似乎只能夠半手動加入，沒全自動的，結果變雞肋了，感覺有點可惜，以下是相關的一些筆記說明：第一個字變大(首字變大、首字下沉)手動加上樣式語法

做法一：使用 span 標籤

其實做法與 code 語法類似，請進到「範本」>>「修改html」，並將底下的css語法複製貼上到</b:skin>之前：

.fb {
font-size:280%;
font-weight:bold;
float:left;
margin-right:3px;
}

接著，在HTML編輯模式，手動用<span>語法將文章第一個字包起來即可，如下所示：

<p><span class="fb">測</span>試第一個字變大的效果，第一個字變大</p>

做法二：使用 p 段落標籤與 first-letter 元素

一開始也是先定義 css 的語法，請進到「範本」>>「修改html」，並將底下的css語法複製貼上到</b:skin>之前：

#fb:first-letter {
color:#CCCCCC;
float:left;
font-size:280%;
font-weight:bold;
margin-right:3px;
}

接著，在HTML編輯模式，替文章一開始的<p> 段落標籤套用樣式，如下所示：

<p id="fb">測試第一個字變大的效果，第一個字變大</p>

以上，兩個做法，是我目前網路上找得到的，因為我想找全自動的，結果找來找去，原理都脫不了上述兩種做法，用wordpress自己架站似乎有外掛可達到全自動的功能，希望blogger的玩家也能寫一個出來造福大眾，要不然光想到還要修改過去的文章，感覺就很累，我想這個功能以後可能會用在文字較多的文章吧。

講完，收工。