伪元素选择器

最新推荐文章于 2024-04-16 12:23:43 发布

渴望成为大佬

最新推荐文章于 2024-04-16 12:23:43 发布

阅读量135

点赞数

分类专栏：前端学习文章标签：伪元素选择器段落

本文链接：https://blog.csdn.net/qq_39787515/article/details/83449141

版权

前端学习专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<head>
    <meta charset="UTF-8">
    <title>伪元素选择器示例</title>
    <style>
        /*段落开头第一个字母*/
        p:first-letter{
            font-size: 50px;
            color: red;
        }
        段落前面加字符串
        .c1:before{
            content: "*";
            color: red;
        }
        段落后面加字符串
        .c1:after{
            content: '[?]';
            color: blue;
        }
    </style>
</head>
<body>
<p>
    贵逼人来不自由，龙骧凤翥势难收。
    满堂花醉三千客，一剑霜寒十四州。
    鼓角揭天嘉气冷，风涛动地海山秋。
    东南永作金天柱，谁羡当时万户侯
</p>
<p class="c1">满堂花醉三千客，一剑霜寒十四州。</p>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

渴望成为大佬

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
伪元素选择器

&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;伪元素选择器示例&lt;/title&gt; &lt;style&gt; /*段落开头第一个字母*/ p:first-letter{ font-size: 50px; color: re...
复制链接

扫一扫