Loving Coding & Visual Design

CSS样例：英文首字母特大写



This is a CSS style test example. Feel free to download and use this sample code from zhaiduo.com. If any questions, welcome to contact me.



代码如下：
#box{
width: 200px;
margin-left: 100px;
padding: 20px;
}
p.fl:first-line {
font-size: 20px;
color: #000;
margin: 0;
padding: 0;
}
p.fl:first-letter {
font-size: 200px !important;
color: #ccc !important;
float: left !important;
margin: 0 -50px 0 -80px !important;
padding: 0 !important;
line-height: 150px !important;
}

< div id="box" >
< p class="fl" >This is a CSS style test example. Feel free to download and use this sample code from zhaiduo.com. If any questions, welcome to contact me.< /p >
< /div >



下一页

最 近 文 章

  1. 保护页面内容的好办法 - Fri, 29 Sep 2006 05:24:32 +0000
  2. 学习Python和Ruby的最好途径 - CygWin - Thu, 21 Sep 2006 15:09:25 +0000
  3. 关于Ruby - Sun, 17 Sep 2006 04:47:21 +0000
  4. 关于prototype中$相关Function的说明 - Sat, 16 Sep 2006 04:01:37 +0000
  5. 开源的PHP简易中文分词模块 - Tue, 12 Sep 2006 16:13:41 +0000
  6. 写Adsense Blog的人居然分不清中文和日文 - Tue, 12 Sep 2006 01:12:49 +0000
  7. 记住这一天，是为了让它不再发生！ - Mon, 11 Sep 2006 06:05:08 +0000
  8. 想成为百万富翁？先思考这三个问题。 - Thu, 07 Sep 2006 09:43:34 +0000
  9. Google的中美办公室对比 - Wed, 06 Sep 2006 05:12:48 +0000
  10. Apach1.3.31+PHP4.3.3安装出错：can't load of php4apache.dll - Tue, 05 Sep 2006 16:12:32 +0000