怎样在CSS中设置英文首字母大写

html-css013

怎样在CSS中设置英文首字母大写,第1张

<div style="text-transform:capitalize">first-letter</div>

输出如下:First-letter

加入你想用于标签:

css样式

<style>

p{text-transform:capitalize}

</style>

html如下:

<p>first-letter</p>

<p>hello,word! this a test</p>

<style>

p{text-transform:capitalize}

</style>

每个单词首字都会大写,这符合英文语法。如果只想首个单词首字大写的话,css无能为力,最简单方法就是打字的时候把大小写打好

这个可以使用CSS中的伪对象来控制,只要对文章单罗的标签P进行定义就可以了,参考代码如下:

p{

font-size:12px

}

p:first-letter{

font-size:25px

}

测试下,可以看出你的段落中的首个字已经成功显示大号字了。

测试IE7.0和FF3.0显示都正常。 你可以自己测试一下。