# 徽章扩展 ## 5.6.徽章扩展 ~~~ <span class="layui-badge layui-badge-green">绿色</span> <span class="layui-badge layui-badge-blue">蓝色</span> <span class="layui-badge layui-badge-red">红色</span> <span class="layui-badge layui-badge-yellow">黄色</span> <span class="layui-badge layui-badge-gray">灰色</span> ~~~  用`layui-badge-list`包裹，会有更好的间距和尺寸： ~~~ <div class="layui-badge-list"> <span class="layui-badge layui-badge-gray">很有想法的</span> <span class="layui-badge layui-badge-gray">专注设计</span> <span class="layui-badge layui-badge-gray">辣~</span> <span class="layui-badge layui-badge-gray">大长腿</span> <span class="layui-badge layui-badge-gray">川妹子</span> <span class="layui-badge layui-badge-gray">海纳百川</span> </div> ~~~