inicio mail me! sindicaci;ón

首字下沉效果的实现。

有些人MSN我說你站的首字下沉怎麼實現的,我以前看過有個站介紹過,但是具體地址忘記了,其實實現這個效果很簡單。這是用CSS的一個Pseudo-elements代碼來實現的。

你只需編寫如下的CSS代碼:
#fl:first-letter {
font-size : 300%;
font-weight : bold;
float : left;
margin-right: 3px;
}

這樣,就可以通過給相應段落加

 


來得到首字下沉效果。
更詳細的代碼說明見http://www.w3schools.com/css/css_pseudo_elements.asp

Leave a Comment

Readers who viewed this page, also viewed:

  • N/A

Trackback+Pingback:0

TrackBack URL for this entry
http://blog.guaniu.com/design/first_letter.html/trackback
Listed below are links to weblogs that reference
首字下沉效果的实现。 from One Studio™–The world is golden.