当前位置: 首页 > news >正文

CSS中首字母大写怎么实现?

  CSS中首字母大写怎么实现?日常生活中需求方对英文的要求比较多,有的时候需要让英文单词或拼音首个字母大写;有的时候需要让全文中英文单词全大写或小写。这时候我们就需要text-transform属性了。好了废话不多说,直接看例子吧。

  CSS代码:


/*首字母大写*/
.a {text-transform:capitalize;} 
/*全都是大写*/
.b {text-transform:uppercase;} 
/*全都是小写*/
.c {text-transform:lowercase;} 

  HTML代码:


<div class="a"> 
 首字母大写→ni hao hello 
</div> 
<div class="b"> 
 字母全实现大写→ni hao hello 
</div> 
<div class="c"> 
 字母全实现小写→ni HAo hEllo
</div>  

  预览效果:

  CSS中首字母大写怎么实现?首字母大小写,我们可以用到text-transform来实现。CSS中首字母大写实现方法就为大家介绍到这里,希望能对大家有所帮助。


相关文章:

  • android环境下解决java.io.IOException: Malformed ipv6异常的方法
  • Scatter“秒传”的速度秒杀了云存储
  • 腾讯移动游戏平台发布了《天天酷跑》游戏
  • 黑马程序员_String练习
  • android下基本json串的生成与解析
  • FileZilla无法连接ftp服务器的解决方案
  • nginx编译安装报错src/os/unix/ngx_files.c: In function 鈔gx_write_chain_to_file?
  • WiFi基本知识
  • nginx配置DocumentRoot
  • 黑马程序员_StringBuffer,包装类
  • 【Android病毒分析报告】 - ZooTiger “集恶意推广、隐私窃取、恶意吸费于一体”...
  • windows下如何用wireshark抓本地回路抓包
  • 知道版本对于出0day后批量攻击dedecms有非常大的帮助,先判断版本再选择相应exp,效率大增...
  • 如何让Windows Server 2008服务器支持被动模式
  • 如何诊断crs 安装时 root.sh 脚本执行错误
  • 【399天】跃迁之路——程序员高效学习方法论探索系列(实验阶段156-2018.03.11)...
  • CNN 在图像分割中的简史:从 R-CNN 到 Mask R-CNN
  • JavaScript DOM 10 - 滚动
  • JavaScript标准库系列——Math对象和Date对象(二)
  • JS笔记四:作用域、变量(函数)提升
  • JS基础篇--通过JS生成由字母与数字组合的随机字符串
  • js学习笔记
  • LeetCode刷题——29. Divide Two Integers(Part 1靠自己)
  • Linux中的硬链接与软链接
  • Webpack 4x 之路 ( 四 )
  • windows-nginx-https-本地配置
  • 安卓应用性能调试和优化经验分享
  • 工程优化暨babel升级小记
  • 基于axios的vue插件,让http请求更简单
  • 开源中国专访:Chameleon原理首发,其它跨多端统一框架都是假的?
  • 力扣(LeetCode)56
  • 目录与文件属性:编写ls
  • 那些被忽略的 JavaScript 数组方法细节
  • 前嗅ForeSpider教程:创建模板
  • 使用Tinker来调试Laravel应用程序的数据以及使用Tinker一些总结
  • 跳前端坑前,先看看这个!!
  • 小程序 setData 学问多
  • 写代码的正确姿势
  • 智能合约Solidity教程-事件和日志(一)
  • 【运维趟坑回忆录 开篇】初入初创, 一脸懵
  • hi-nginx-1.3.4编译安装
  • scrapy中间件源码分析及常用中间件大全
  • 蚂蚁金服CTO程立:真正的技术革命才刚刚开始
  • ​LeetCode解法汇总2583. 二叉树中的第 K 大层和
  • ​二进制运算符:(与运算)、|(或运算)、~(取反运算)、^(异或运算)、位移运算符​
  • ​业务双活的数据切换思路设计(下)
  • #pragma once
  • (附源码)spring boot火车票售卖系统 毕业设计 211004
  • (原创) cocos2dx使用Curl连接网络(客户端)
  • (中等) HDU 4370 0 or 1,建模+Dijkstra。
  • ****** 二 ******、软设笔记【数据结构】-KMP算法、树、二叉树
  • .【机器学习】隐马尔可夫模型(Hidden Markov Model,HMM)
  • .MyFile@waifu.club.wis.mkp勒索病毒数据怎么处理|数据解密恢复
  • .net core 6 集成和使用 mongodb
  • .NET delegate 委托 、 Event 事件