背景

KuaiKan 2021-8-30 380

设置背景墙砖

body {
    background: #FFF url("//www.bfmil.cn/static/image/common/bg.gif");
}

标签云测试1 CSS控制
标签1    标签2    标签3    标签4    标签5    标签6    标签7    标签8    标签9    标签10
<style>
/*云标签颜色*/
.my-badge:nth-child(5n+1) {
    background:#78BBE6;
}
.my-badge:nth-child(5n+2){
    background:#FF895D;
}
.my-badge:nth-child(5n+3) {
    background:#A3DE83;
}
.my-badge:nth-child(5n+4) {
    background:#00BBF0;
}
.my-badge:nth-child(5n+5) {
    background:#FF2E63;
}
</style>

<div class="card">
  <div class="card-header">
    标签云测试1 CSS控制
  </div>
  <div class="card-body">
    <span class="badge my-badge">标签1</span>
    <span class="badge my-badge">标签2</span>
    <span class="badge my-badge">标签3</span>
    <span class="badge my-badge">标签4</span>
    <span class="badge my-badge">标签5</span>
    <span class="badge my-badge">标签6</span>
    <span class="badge my-badge">标签7</span>
    <span class="badge my-badge">标签8</span>
    <span class="badge my-badge">标签9</span>
    <span class="badge my-badge">标签10</span>
  </div>
</div>


签名:这个人很懒,什么也没有留下!
最新回复 (0)
返回