动物总动员电影免费观看,国产一线天在线观看,亚洲成人精品久久,www.夜色av.com,caoporn国产一区二区,国产精品毛片一区视频播不卡,91av456

龍巖易富通網(wǎng)絡(luò)科技有限公司

龍巖小程序開發(fā),龍巖分銷系統(tǒng)

CSS邊框長(zhǎng)度控制

2020.02.02 | 1773閱讀 | 0條評(píng)論 | css

1871969-20191126153459547-177945204.png


<div class="content-block">

     <div class="box-container">

         <div class="border-top">border top</div>

     </div>

     <div class="box-container">

         <div class="border-left">border left</div>

     </div>

     <div class="box-container">

         <div class="border-right">border right</div>

     </div>

     <div class="box-container">

         <div class="border-bottom">border bottom</div>

     </div>

</div>


-----------------------------------------------------------------------


.box-container {

    position: relative;

    width: 90%;

    color: #777;

}


.border-top {

    background: #b4bcbf;

    padding: 15px;

}


.border-top:before {

        content: '';

        position: absolute;

        left: 42%;

        top: 0;

        bottom: auto;

        right: auto;

        height: 7px;

        width: 50%;

        background-color: #8796a9;

}


.border-left {

    background: #dfdad6;

    padding: 15px;

}


.border-left:before {

        content: '';

        position: absolute;

        left: 0;

        top: 6%;

        bottom: auto;

        right: auto;

        height: 52%;

        width: 5px;

        background-color: #a89d9e;

}


.border-right {

    background: #eee9c4;

    padding: 15px;

}


.border-right:after {

        content: '';

        position: absolute;

        left: auto;

        top: auto;

        bottom: 5px;

        right: 0;

        height: 52%;

        width: 5px;

        background-color: #f39c81;

}


.border-bottom {

    background: #bcdc9d;

    padding: 15px;

}


.border-bottom:after {

        content: '';

        position: absolute;

        left: 18px;

        top: auto;

        bottom: 0;

        right: auto;

        height: 6px;

        width: 105px;

        background-color: #32b66b;

}



贊 (

發(fā)表評(píng)論

泌阳县| 南昌市| 米泉市| 新营市| 门源| 金堂县| 东宁县| 禹城市| 三门县| 烟台市| 宁陵县| 宜黄县| 绵竹市| 枣强县| 安陆市| 敦煌市| 龙岩市| 湄潭县| 侯马市| 汝南县| 原阳县| 汉源县| 论坛| 元氏县| 资溪县| 松潘县| 竹北市| 安远县| 博白县| 盈江县| 略阳县| 视频| 射阳县| 宜春市| 若尔盖县| 北票市| 溧水县| 额尔古纳市| 安新县| 榆社县| 沁水县|