2018.8.10

作者: 喜欢暗杠 | 来源:发表于2018-08-18 10:05 被阅读0次

    after选择器

    after 选择器在被选元素的内容后面插入内容

    <p>我们的朋友:</p>
    原始的
    用:after选择器在p标签后边添加一个元素用content
    p:after{
        content: '小哪吒';
    }

    就变成了这样:

    用:after选择器添加元素后的

    content必须存在,里边可以不写东西,但是必须有

    .card_box h4:after{
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -10px;
        content: '';
        width: 20px;
        height: 1px;
        background-color: #333;
        transition:.3s;
    }

    下边那条黑线就是用上边代码写出来的

    相关文章

      网友评论

          本文标题:2018.8.10

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