美文网首页
(我认为) 有用的css代码块

(我认为) 有用的css代码块

作者: 去年17 | 来源:发表于2017-07-28 10:08 被阅读13次

    1、效果图

    image.png
    //在块前面加两竖线 其实也可换成:after
    .markdown blockquote:before {
        width: 1.5px;
        top: 0;
        bottom: 0;
        left: 25px;
        background-color: transparent;
        border: 1px solid #dfd6c5;
        border-top: 0;
        border-bottom: 0;
        position: absolute;
        content: ' ';
        overflow: hidden;
    }
    

    使用css的background

        background: url(../uploadfile/banner/exhibition_banner.png) no-repeat center;
        background-image: url(../uploadfile/banner/exhibition_banner.png);
        background-position-x: center; 水平居中
        background-position-y: center; 垂直居中
        background-size: initial;
        background-repeat-x: no-repeat;
        background-repeat-y: no-repeat;
        background-attachment: initial; /* 可选 fixed固定*/
        background-origin: initial;
        background-clip: initial;
        background-color: initial;
    

    相关文章

      网友评论

          本文标题:(我认为) 有用的css代码块

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