多语言展示
当前在线:1627今日阅读:23今日分享:25

CSS3如何选择文本段第一行

在使用CSS进行页面美化的时候,有时我们需要选取一段文本的第一个字母进行美化。而下面小编要分享的是如何运用最新的CSS3选择文本段的第一行内容
工具/原料

Visual Studio 2017

方法/步骤
1

首先准备好HTML5的结构,如下图所示,语言选择的是en,编码为utf8

2

接下来我们在body中准备一个div,然后在div中准备一段文字,如下图所示

3

接下来运行页面,在浏览器中我们会看到如下所示的页面,这是未添加任何效果的样式

4

然后我们在style中声明如下的样式,如下图所示,这里运用了双冒号,并且运用了first-line,双冒号代表当前选中的对象

5

接下来我们运行页面,你会看到如下图所示页面,第一行已经更改了颜色了

6

最后我们在来看一下双冒号的其他应用方式,如下图所示,选中哪一行,哪一行变颜色

7

综上所述,CSS3让文本段的第一行变颜色主要运用了first-line样式,另外注意双冒号的使用

推荐信息