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

标签 html css frontend web-frontend

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

enter image description here

最佳答案

正如 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

关于html - 如何获得彩色输入标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51583457/

相关文章:

Angular:如何重置 matChipList 输入字段和 Google Recaptcha?

javascript - 升级到 Angular/AngularCLI/Rxjs 版本 6,但获取 "Property ' take' 在类型 'Observable"上不存在

javascript - 输入图像源并即时显示

javascript - 我想获取 HTML 表中每个 href 单击的第一列行的值

html - +IE8 中的奇怪错误

html - 垂直居中弹出框 div

performance - 最小化请求数量与浏览器缓存和多个域

html - Tinymce 文本区域无法正确显示

html - 你能强制绝对定位的表格单元格堆叠起来,就好像它们没有被从流中取出一样吗?

javascript - 使用 Gulp 处理 css 文件时如何修复图像 url?