简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

怎样使用伪元素first-letter让文字首字母大写

php中世界最好的语言
发布： 2018-03-09 13:47:02
原创
2595 人浏览过

这次给大家带来怎样使用伪元素first-letter让文字首字母大写，使用伪元素first-letter让文字首字母大写的注意事项有哪些，下面就是实战案例，一起来看一下。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><HTML>
 <HEAD>
  <TITLE>Drop cap initial letter</TITLE>
  <STYLE type="text/css">
   P { 
     font-size: 12pt; 
     line-height: 1.2; 
     width:250px;
   }   P::first-letter { 
     font-size: 224%; 
     margin-top: -5px;     font-weight: bold; 
     float:left; 
   }   SPAN { 
     text-transform: uppercase 
   }  </STYLE>
 </HEAD>
 <BODY>
  <P><SPAN>The first</SPAN> few words of an article
    in The Economist.The first few words of an article
    in The Economist.</P>
 </BODY></HTML>
登录后复制

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

bootstrap-validator使用详解

iframe的跨域使用方法

js声明函数的四种方式

以上是怎样使用伪元素first-letter让文字首字母大写的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
first-letter 元素
来源：php.cn
上一篇：css的Counters属性详解 下一篇：用jq发送多个ajax然后执行回调的小技巧
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
使用网格创建此特定设计：分步指南 我正在尝试创建一个类似于此图像的布局，我尝试过使用此网格但无法实现。<ulclass="container"><liclass="f...
来自于 2024-04-06 20:29:08
0
2
492
如何检查单选按钮组是否是必需的 我有一个动态单选按钮组，其中可能未在所有输入上指定required属性。<formname="myform"><inputtype="...
来自于 2024-04-03 16:23:29
0
1
306
PHP：处理用户输入中的（意外）数组 我最近发现，发送包含“意外”数组（而不是字符串）的变量可能会导致致命错误或其他不良行为。示例：我们有以下数组：$list=array("a"=>"...
来自于 2024-04-01 17:56:37
0
1
396
如何悬停在一个对象上，使其消失，然后另一个对象出现，以便我可以点击它？ 我的第一个对象是“dog-letter”类的对象。它有两个类为“狗”和“字母”的对象。我设法让它在悬停后消失。我的第二个对象是一个带有“狗鼻子”类的黑色圆圈。但是这个对象出现后我无...
来自于 2024-04-01 13:23:16
0
1
355
Chrome和Firefox中呈现的文本容器宽度大小不同 为什么容器宽度在Chrome和Firefox中呈现为不同的尺寸？图像样本。Chrome：渲染宽度为681.273FireFox：渲染宽度为685.8499*{margin:0px;...
来自于 2024-03-31 13:37:43
0
1
405
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！