背景

KuaiKan 1月前 53

设置背景墙砖

body {
    background: #FFF url("http://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)
返回