时间戳

首页 > 解决方案 > 如何获得彩色输入标签？

html - 如何获得彩色输入标签？

问题描述

我正在做我的练习项目，想要得到这样一个令人瞠目结舌的彩色标签。有人可以解释一下我怎样才能得到它们，使用哪个 libaray ！

在此处输入图像描述

标签： htmlcssfrontendweb-frontend

解决方案

正如 Jordi 解释的那样，使用一些非常基本的 css 非常容易。

.label{padding: 5px 10px; color: #fff;}
.red{background-color: #da4453}
.blue{background-color: #3bafda;}

<span class="label red">red label</span>
<span class="label blue">blue label</span>

如果你想使用预定义的东西，Bootstrap、Foundation 和其他一些框架就在那里，但如果你只想完成这个，那就太矫枉过正了。

Bootflat 有一个很好的配色方案 - http://bootflat.github.io/documentation.html

推荐阅读