【Css】带边框的标签及图标标签实现（图文+完整代码）

一、带边框的标签

 body代码

            <div class="top_2">
                <div class="top_2_1">到这去</div>
                <div class="top_2_1">到店支付</div>
                <div class="top_2_1">经营资质</div>
                <div class="top_2_1">客服</div>
            </div>

css代码

    .top_2 {
        height: 40px;
        background-color: rgb(249, 249, 239);
    }

    .top_2_1 {
        float: left;
        border: 1px rgb(168, 168, 168) solid;
        padding-left:10px;
        padding-right:10px;
        padding-bottom: 3px;
        padding-top: 3px;
        border-radius: 4px;
        font-size: 10px;
        margin-left: 15px;
        margin-top: 8px;
        /* background-color: greenyellow; */
    }

二、带图标和边框的标签

后面继续....