CSS中first-letter如何使用

　　只有第一个字符为彩色且字体大小设置为300％。

　　接下来我们就来看看first-letter的具体使用方法

　　first-letter的写法如下

　　p：first-letter{

　　/*描述你想要应用的CSS样式*/

　　}

　　这是由p指定的块元素。

　　它指向<p>标签的p，如果要应用<h1>标签，可以将其更改为h1。

　　我们来看具体的示例

　　代码如下

　　HTML代码

　　<html>

　　<head>

　　<metacharset="utf-8">

　　<title>first-letter</title>

　　<linkrel="stylesheet"type="text/css"href="sample.css">

　　</head>

　　<body>

　　<p>

　　</p>

　　</body>

　　</html>

　　CSS代码

　　sample.css

　　p:first-letter{

　　color:#5bc0de;

　　font-size:300%;

　　}

　　运行结果

　　在浏览器上显示如下所示的效果

　　first-letter

　　p后面是“：”（冒号），而不是“.”

　　如果只是弄错了这一点就完全不适用了，所以要注意。

　　而且，如前面所说的，p是块元素。块元素指的是<p>标签的p，如果要将其应用于<h1>，将其更改为h1就可以了。

　　我们在{}中写下的CSS样式。也就是说，只要写一个你最想应用于第一个字符的样式就可以了。

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56361.shtml