css怎么让首字母大写,我想让第一个单词的首字母大写,其他的不变,怎么搞

html-css024

css怎么让首字母大写,我想让第一个单词的首字母大写,其他的不变,怎么搞,第1张

<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显示都正常。 你可以自己测试一下。

举个例子:

比如都在一个标签里

<div class="test">

<p><span>这里是</span>文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容</p>

<p><span>这里是</span>文字内容文字内容文字内容文字内容文字内</p>

<p><span>这里是</span>文字内容文字内容文字内容文字内容文字内</p>

</div>

css:

.test p span{font-weight:bold}

这一个样式就可以了

如果在多个标签里

<div class="test">

<p><span class="fb">这里是</span>文字内容文字内容文字内容文字内容文字内</p>

<p><span class="fb">这里是</span>文字内容文字内容文字内容文字内容文字内</p>

<ul>

<li><span class="fb">这里是</span>文字内容文字内容文字内容</li>

<li><span class="fb">这里是</span>文字内容文字内容文字内容</li>

</ul>

</div>

css:

.fb{font-weight:bold}

这个就是你那儿要加粗,在那调用就行,挺方便,这个方法在上面也适用

提一下,上面我用的span也可以替换成别的标签,如strong等,我只举个例子,你用的时候自己选择就行