文章首字變大加邊框(下沉)

作者: beau   日期: 2009-06-03 12:08:08   閱讀: http://past.beau.tw/index.php?load=read&id=291
是去年在一些部落格看到首字下沉的效果,令原木印象深刻,於是爬了文也讓自己的文彰效果呈現,原木覺得很美觀啦,具體效果直接看本文第 1 個字就是囉。

  這是利用 CSS 達到的效果,只需要將下代碼增加到 skins/<Your Current Skin>/layout.css 日誌內容框區段:


  至於文字增加多少、文字顏色與邊框類型,可以自行設定,這邊原木就不再說明,可自行上網查一下 CSS 用法;不過有一點須注意,如果文章内容開始不是文字,而是 Tag(例如 :<img>),首字就不會有下沉的效果喔,所以要使用時,必須把文章最前面的 Tag 拿掉。若是使用 FckEditor 編輯器,會自動在文章最前面加 <p> 這個 Tag,刪除這個 Tag 效果就會出現啦。