ThinkChat2.0新版上线，更智能更精彩，支持会话、画图、阅读、搜索等，送10W Token，即刻开启你的AI之旅 广告
# 徽章扩展 ## 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> ~~~ ![](https://s2.ax1x.com/2020/02/09/1hmiee.png) 用`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> ~~~ ![](https://s2.ax1x.com/2020/02/09/1hnljK.png)