CSS :first-letter选择器,匹配首字母

:first-letter选择器

CSS的:first-letter选择器,可匹配查找选取指定选择器的首字母,并对该首字母进行相关的属性设置。语法如下:

ele:first-letter{attribute:vlue}

提示:attribute属性设置的是首字母的CSS样式,可以是字体属性、颜色属性、背景属性、外边距、内边距、边框、text-decoration、vertical-align、text-transform、line-height、float、clear等。


:first-letter选择器实例代码,及在线编辑器

下方实例中,将段落p元素的首字母设置为字体大小为1.5em、字体颜色为skyblue、边框为1px的样式:

<p id="fl">Hello, World!</p>

<style>
  #fl:first-letter{font-size:1.5em;color:skyblue;border:1px solid orange;}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.