品易云推流 关闭
文章详情页
文章 > css教程 > css中first-letter是什么

css中first-letter是什么

css first-letter

头像

小妮浅浅

2021-08-30 09:57:35896浏览 · 0收藏 · 0评论

说明

1、first-letter相当于我们有一个元素把内容里面的第一个字母给括了起来。

2、first-letter是可以任意声明各种不同的属性的,但是我们是无法改变它的content的。

我们应该都看到过报纸上的第一个字母会比较大,然后会游离出来的效果,这个在 CSS 里面我们就可以用 ::first-letter的伪元素选择器了。使用这个来实现相比用 JavaScript 来实现就会更加稳定和代码更加优雅一些。

实例

<div>
  <::first-letter>c</::first-letter>ontent content content content
  content content content content
  content content content content
  content content content content
</div>

以上就是css中first-letter的介绍,希望对大家有所帮助。更多css学习指路:css教程

本文教程操作环境:windows7系统、css3版,DELL G3电脑。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图