伪元素

作者: 王小贱_ww | 来源:发表于2018-01-09 16:17 被阅读6次

    在CSS中,伪元素用于将特殊的效果添加到某些选择器。


    01.PNG
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>伪元素</title>
        <style type="text/css">
            p:first-line{
                color:red;
                 font-size: 40px;
                font-weight: bold;
    
            }
                p:first-letter{
                color:pink;
                 font-size: 40px;
                font-weight: bold;
    
            }
            
    
        </style>
    </head>
    <body>
    
        <p>6666666<br>7777777</p>
        
    </body>
    </html>
    
    • :before用于在元素的内容之前插入新内容
    • :after用于在元素的内容之后插入新内容

    相关文章

      网友评论

          本文标题:伪元素

          本文链接:https://www.haomeiwen.com/subject/ngcgnxtx.html