设置背景墙砖

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

<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>