很多人都发现有些网站上的内容第一个字字体大小都是比较大的,但是在开发者工具又看不到有什么代码,就很懵。
直接上代码

css通过:first-letter伪元素可以设置首字下沉。

微信截图_20210604204915.png

代码

<html>
<head>
<style type="text/css">
p:first-letter 
{
font-size: 50px;
float: left;
color: #333;
text-indent: 0;
padding: 2px;
line-height: 1em;
}
</style>
</head>
<body>
<p>
你可以使用:first-letter伪元素为文本的第一个字母添加特殊效果!
</p>
</body>
</html>
Last modification:June 4th, 2021 at 09:01 pm
如果觉得我的文章对你有用,请随意赞赏