样式-颜色

BunnyUI 试图在清新与深沉之间寻求某种柔和，以不过分刺激大脑皮层的神经介质，反馈出经久耐看的微妙视图。

字体颜色

  • Preview
  • Code
绿色 .text-green
蓝色 .text-blue
黄色 .text-yellow
红色 .text-red
黑色 .text-black
白色 .text-white 
<span class="text-green">绿色 .text-green</span>
<span class="text-blue">蓝色 .text-blue</span>
<span class="text-yellow">黄色 .text-yellow</span>
<span class="text-red">红色 .text-red</span>
<span class="text-black">黑色 .text-black</span>
<span class="text-white">白色 .text-white</span>

背景颜色

  • Preview
  • Code
绿色 .bg-green
蓝色 .bg-blue
黄色 .bg-yellow
红色 .bg-red
黑色 .bg-black
白色 .bg-white 
<div class="bg-green">
    <span class="text-white">绿色 .bg-green</span>
</div>
<div class="bg-blue">
    <span class="text-white">蓝色 .bg-blue</span>
</div>
<div class="bg-yellow">
    <span class="text-white">黄色 .bg-yellow</span>
</div>
<div class="bg-red">
    <span class="text-white">红色 .bg-red</span>
</div>
<div class="bg-black">
    <span class="text-white">黑色 .bg-black</span>
</div>
<div class="bg-white">
    <span class="text-black">白色 .bg-white</span>
</div>