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

html-css028

怎样在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无能为力,最简单方法就是打字的时候把大小写打好

最简单的 就是给你看下原理 你可以自己修改

<span style="font-size:16px" onclick="this.style.fontSize=(parseInt(this.style.fontSize.replace('px',''))+2)+'px'">单击放大文字</span>

顺便说明parseInt是把字符串变数字 replace是把取得的css属性里的px去掉 原css里字体大小使用font-size控制 在js里对这种中间有横杠的都需要把横杠去掉并把第二个单词的首字母大写