CSS设置英文字母大小写

CSS设置英文字母大小写


          英文字母大小写转换,是非常实用的一个功能。

          在CSS中通过英文段落的text-transform属性,来实现大小写的转换。


<span style="font-size:24px;"><html>
	<head>
		<title>
			英文字母大小写
		</title>
	  <style>
			<!--
			p{font-size:17px;}
			p.one{text-transform:capitalize;}
			p.two{text-transform:uppercase;}
			p.three{text-transfrom:lowercase;}
			-->
		</style>
	</head>
	
	<body>
		<p class="one">quick brown fox jumps over the lazy dog.</p>
		<p class="two">quick brown fox jumps over the lazy dog.</p>
		<p class="three">quick brown fox jumps over the lazy dog.</p>
	</body>
</html>
</span>

          如上代码,属性text-transform的属性值,当设置为capitalize时,单词的首字母都为大写,当设置为uppercase时,所有的字母都为大写,当设置为lowercase是,所有的字母都为小写。

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值