洪发

Generation

generate functionWed, 18 Jan 2023

<ul class="list-group"> <li class="list-group-item"> <span class="badge">1</span> <span class="badge">2</span> <span class="badge">3</span> <span class="badge">4</span> <span class="badge">5</span> <span class="badge">6</span> <span class="badge">7</span> <span class="badge">8</span> <span class="badge">9</span> <span class="badge">10</span> </li> </ul> 控制badge里面背景颜色 如果是数字1 黄色 数字2蓝色 数字3浅灰色 数字4橘色 数字5青色 数字6深蓝色 数字7深灰色 数字8红色 数字9 褐色 数字10绿色

<style> .badge[class*=badge-] { color: #fff; } .badge-primary { background-color: #337ab7; } .badge-success { background-color: #5cb85c; } .badge-info { background-color: #5bc0de; } .badge-warning { background-color: #f0ad4e; } .badge-danger { background-color: #d9534f; } .badge-inverse { background-color: #222; } .badge-fade { opacity: .75; } .badge-dark { background-color: #000; } .badge-purple { background-color: #9b59b6; } .badge-orange { background-color: #ffa500; } .badge-green { background-color: #008080; } .

Javascript
Generate More

Questions about programming?Chat with your personal AI assistant