loVe LoＶe
最近只是想碎唸…

碎唸那愛情…

關於css分享更改圖片不用問我哦~

Bookmark: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl Bookmark to:YouPush Bookmark to:你推我報
文章首字變大很酷吧!最近我在我的blog內新增了這個玩意，不過我可不是每篇文章都把它放大的哦!是剛好有那個feel我才放大的哦!

至於文章首字放大的方式↑，其實並不會很難，不過我個人是覺得使用上比較麻煩啦!那是因為每po一次文章，就要重用第二步的語法，不過這樣也好，我也不是每篇文章的第一個字都想變大啦!(噗~每個字都變大的感覺，看起來也怪怪的吧~哈)
◎第一步：在編輯css版面內貼入下列css語法
　#first:first-letter { 
　  font-family: Verdana, Arial, Helvetica, sans-serif;
　  font-size : 400%;   /*首字發大的比例*/
　  color:#333;
　  float : left;
　  line-height:100%;
　  margin-top:0px;
　  margin-left:0px;
　  margin-right: 4px;
　  margin-bottom: 2px;
　  padding: 0px;
　  border: 0px;}














◎第二步：發表文章時，先按原始碼並貼入下列語法後，再按回原始碼
<div id="first">





想熱情分享→請善用引用．喜歡此文→請迴響


Posted by showshow6 at 痞客邦 PIXNET Comments(8) Trackback(0) Hits(1573)

Shorten Url Recommend to Front page Forward by E-mail Forward to Guestbook

▲top

open trackbacks list Trackbacks (0)

Comments (8)

Post Comment
  • #1 viewfinder on 2007/03/01 23:15

  • 又學到一招

    Let me try.
  • #2 viewfinder on 2007/03/01 23:22

  • 成功了！

    耶
    成功了
    謝謝囉
    真是太美了
    很有feeling
  • #3 showshow6 pixnet user on 2007/03/02 16:01

  • viewfinder：這個讚吧…
  • #4 sinso pixnet user on 2007/03/02 16:51

  • good!!
  • #5 eliza888 pixnet user on 2007/03/21 13:10

  • 耶~~
    我成功了
    之前設一些語法
    都不會成功，這次成功了
    謝謝喲
  • #6 enping1212 pixnet user on 2007/09/18 19:27

  • 很棒的一招，不過我有個問題想請教你。
    我的首字雖然是放大了，但是點進文章之後，
    右邊的link欄整個跑位，不知道是不是我哪裡
    出了什麼差錯，如果你知道原因的話就教教
    我吧！ 謝謝^^
  • #7 enping1212 pixnet user on 2007/09/18 19:43

  • 我修好了，我把#first改成#fp然後
    <div id="first">改成<p id="fp">，
    就可以用了，我也不知道為什麼。

    不過，還是謝謝你提供這麼棒的語法。
  • #8 嘎吼 on 2009/02/20 02:09

  • 請問!

    我按照你的教學，隨然有成功但是底圖繪跑位，有修改的方法嗎?

Comment Permissions: Allow commenting

Leave Comment

*Name/Nickname
E-mail
Personal Website
Comment Title
*Comment
* Private Comment