边框

/* 边框 START */
.baie-b-1px,
.baie-bt-1px, .baie-bb-1px, .baie-bh-1px,
.baie-bl-1px, .baie-br-1px, .baie-bv-1px{position: relative}
.baie-b-1px:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
}
.baie-b-1px-radius10:after{
    border-radius: 10px;
}

.baie-bt-1px:before,
.baie-bh-1px:before,
.baie-bb-1px:after,
.baie-bh-1px:after{
    content: " ";
    position: absolute;
    left: 0;
    width: 200%;
    height: 1px;
    color: #e4e4e4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.baie-bt-1px:before,
.baie-bh-1px:before{
    top: 0;
    border-top: 1px solid #e4e4e4;
}
.baie-bb-1px:after,
.baie-bh-1px:after{
    bottom: 0;
    border-bottom: 1px solid #e4e4e4;
}

.baie-bl-1px:before,
.baie-bv-1px:before,
.baie-br-1px:after,
.baie-bv-1px:after{
    content: " ";
    position: absolute;
    top: 0;
    height: 200%;
    width: 1px;
    color: #e4e4e4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.baie-bl-1px:before,
.baie-bv-1px:before{
    left: 0;
    border-left: 1px solid #e4e4e4;
}
.baie-br-1px:after,
.baie-bv-1px:after{
    right: 0;
    border-right: 1px solid #e4e4e4;
}
/* 边框 END */

results matching ""

    No results matching ""