:before 和 :after用法

:before 和 :after作用是在元素内容的前后添加你所指定的内容

HTML代码

<p>before和after中的代码</p>

CSS代码

p:before{
    content:'before的作用';
    color:blue;
}
p:after{
    content:'after的作用';
    color:green;
}

效果展示

         before的作用before和after中间的代码after的作用

猜你喜欢

转载自blog.csdn.net/weixin_46900256/article/details/125356029