以下图片就是运用了“first-letter”的效果
只要第一个字符为彩色且字体大小设置为300％。
接下来我们就来看看first-letter的细致运用方法
first-letter的写法以下
p：first-letter{
/ *形貌你想要运用的CSS款式* /
}
这是由p指定的块元素。
它指向<p>标签的p，假如要运用<h1>标签，能够将其更改成h1。
我们来看细致的示例
代码以下
HTML代码
<html>
<head>
<meta charset="utf-8">
<title>first-letter</title>
<link rel="stylesheet" type="text/css" href="sample.css">
</head>
<body>
<p>
</p>
</body>
</html>
CSS代码
sample.css
p:first-letter{
color:#5bc0de;
font-size:300%;
}
运转效果
在浏览器上显现以下所示的效果
p背面是“：”（冒号），而不是“.”
假如只是弄错了这一点就完整不适用了，所以要注意。
而且，如前面所说的，p是块元素。块元素指的是<p>标签的p，假如要将其运用于<h1>，将其更改成h1就能够了。
我们在{}中写下的CSS款式。也就是说，只要写一个你最想运用于第一个字符的款式就能够了。
以上就是CSS中first-letter怎样运用的细致内容，更多请关注ki4网别的相干文章！
