css 伪元素https://css-tricks.com/pseudo-element-roundup/

Posted 2021-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 伪元素https://css-tricks.com/pseudo-element-roundup/相关的知识，希望对你有一定的参考价值。

/* ------ Before/After Pseudo Elements---- */

    p:before {
    content: "";
    display: block;
    background: url("icon.jpg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
}

    p:after {
    content: "";
    display: block;
    background: url("icon.jpg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
}

以上是关于css 伪元素https://css-tricks.com/pseudo-element-roundup/的主要内容，如果未能解决你的问题，请参考以下文章

css 伪元素https://css-tricks.com/pseudo-element-roundup/

css 使元素成为页面或父级的整个宽度，来源：https：//css-tricks.com/full-width-containers-limited-width-parents/？utm_sourc

css CSS动画https://css-tricks.com/almanac/properties/a/animation/

css 盒子大小调整https://css-tricks.com/box-sizing/