优雅地加上github样式标签

首先加入一段CSS(已压缩处理)
```CSS
.github-badge{display:inline-block;border-radius:4px;text-shadow:none;font-size:12px;color:#fff;line-height:15px;background-color:#ABBAC3;margin-bottom:5px;}.github-badge .badge-subject{display:inline-block;background-color:#4D4D4D;padding:4px 4px 4px 6px;border-top-left-radius:4px;border-bottom-left-radius:4px;}.github-badge .badge-value{display:inline-block;padding:4px 6px 4px 4px;border-top-right-radius:4px;border-bottom-right-radius:4px;}.github-badge .bg-brightgreen{background-color:#4DC820 !important;}.github-badge .bg-orange{background-color:#FFA500 !important;}.github-badge .bg-yellow{background-color:#D8B024 !important;}.github-badge .bg-blueviolet{background-color:#8833D7 !important;}.github-badge .bg-pink{background-color:#F26BAE !important;}.github-badge .bg-red{background-color:#e05d44 !important;}.github-badge .bg-blue{background-color:#007EC6 !important;}.github-badge .bg-lightgrey{background-color:#9F9F9F !important;}.github-badge .bg-grey,.github-badge .bg-gray{background-color:#555 !important;}.github-badge .bg-lightgrey,.github-badge .bg-lightgray{background-color:#9f9f9f !important;}
```

那么接下来就是HTML代码
```HTML
<div class="github-badge"><span class="badge-subject">文字一</span><span class="badge-value bg-CSS颜色">文字二</span></div>
```

例如：蓝色
```代码
<div class="github-badge"><span class="badge-subject">文字一</span><span class="badge-value bg-blue">文字二</span></div>
```
效果：<div class="github-badge"><span class="badge-subject">文字一</span><span class="badge-value bg-blue">文字二</span></div>

Last modification：August 13, 2022

如果觉得我的文章对你有用，请随意赞赏

优雅地加上github样式标签

欢迎访问

测试图片

2022 年 08 月 05 日 20 时 45 分

2022 年 08 月 06 日 20 时 19 分

Centos8更新最新内核

简单地搭建一个我的世界基岩版服务器

2019,11.6

test

优雅地加上github样式标签

测试图片

优雅地加上github样式标签