网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

作者： 北京网站建设   日期：2008-03-27 06:14:06  来源： http://www.qitongnet.com

　　css当中有许多平时很少用的属性，但是这些属性有时候被发掘出来以后就会立刻引起一些人的追逐，首字大写就是这样一种效果。最近越来越多的blogger开始在自己的blog中运用这一方法，东西很简单，下面就来给大家介绍一下用:first-letter伪类来实现这种效果的方法: 站.长.站

北京网站建设　　:first-letter版本:CSS2　 兼容性 北京网站制作:IE5.5+

站.长站

　　语法: Chinaz_com

　　Selector : first-letter { sRules }

Chinaz

　　说明 网站建设:

Chinaz.com

　　设置对象内的第一个字符的样式。

中国站长.站

　　此伪对象仅作用于块对象。内联要素要使用该属性，必须先设定对象的 网页设计 height 或 width 属性，或者设定 position 属性为 absolute ，或者设定 display 属性为 block 。

　　在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。 中国站长.站

　　示例: 中国站长_站,为中文网站提供动力

　　p a:first-letter { color: green }

网站制作　　div:first-letter { color:red;font-size:16px;float:left; }

　　应用于:

　　IE5.5+ ADDRESS BLOCK QUOTE BODY CENTER DD DIV DL DT FIELDSET FORM Hn LEGEND LI LISTING MARQUEE MENU P PLAINTEXT PRE XMP

　　目前IE和FF都支持此属性，所以大家不必顾虑兼容性的问题，当然要记得设置float属性哦，不然就不会出现那种大字紧贴几行的效果了。 Chinaz@com

　　范例(未设置float属性):

<style>网页设计
p{line-height:25px;}北京网站制作
p:first-letter{font-size:50px;line-height:50px;}企通互联
</style>网站设计
<p>欢迎大家来到<a href="http://www.chinaz.com">中国站长站</a></p>企通互联
 网页设计
　　范例(设置float属性为left)：

<style>北京网站设计
p{line-height:25px;}企通互联
p:first-letter{font-size:50px;line-height:50px;float:left;}企通互联
</style>网站设计
<p>欢迎大家来到<a href="http://www.chinaz.com"> 北京网站设计中国站长站</a></p>

中国.站.长站

北京网站制作 企通互联

字体：【大】【中】【小】

这是一个与众不同的品牌，企通互联只专注于网站建设领域！中小型企业网站建设最佳合作伙伴！网站建设咨询热线：010-65587978/77/76/75!