好看的资源网文字广告位源码，资源网辅助网广告位源码

演示

源码

html

[lv]

<div style="margin:10px auto;background:#fff;padding:5px;overflow:hidden;width:100.5%;">
    <div class="textad layui-clear">
        <!--第1列-->
        <div>
            <a rel="nofollow" href="https://dg3.top/" target="_blank">大刚网络</a>
            <a rel="nofollow" href="https://dg3.top/" target="_blank">大刚网络</a>
            <a rel="nofollow" href="https://dg3.top/" target="_blank">大刚网络</a>
        </div>
        <!--第2列------>
        <div>
            <a rel="nofollow" href="https://dg3.top/" target="_blank">大刚网络</a>
            <a rel="nofollow" href="https://dg3.top/" target="_blank">大刚网络</a>
            <a rel="nofollow" href="https://dg3.top/" target="_blank">大刚网络</a>
        </div>
        <!--第3列------>
        <div>
            <a rel="nofollow" href="https://dg3.top/" target="_blank">大刚网络</a>
            <a rel="nofollow" href="https://dg3.top/" target="_blank">大刚网络</a>
            <a rel="nofollow" href="https://dg3.top/" target="_blank">大刚网络</a>
        </div>
        <!--第4列-->
        <div>
            <a rel="nofollow" href="https://dg3.top/" target="_blank">大刚网络</a>
            <a rel="nofollow" href="https://dg3.top/" target="_blank">大刚网络</a>
            <a rel="nofollow" href="https://dg3.top/" target="_blank">大刚网络</a>
        </div>
    </div>
</div>

[/lv]

css

[lv]

.textad {
    background: #ffffff;
    width: 100%;
}

.textad {
    table-layout: fixed;
}

.textad>div {
    float: left;
    width: 25%;
}

.textad>div a {
    font-weight: bold;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 5px;
    text-align: center;
    font-size: 10px;
    height: 33px;
    line-height: 33px;
    color: #ffffff;
    border-radius: 3px;
}

.textad>div a:nth-child(8n-7) {
    background: #1e9fff;
}

.textad>div a:nth-child(8n-6) {
    background: #5070f2;
}

.textad>div a:nth-child(8n-5) {
    background: #5143d0;
}

[/lv]