PROMULGATOR

    woshiniudun

    山东省济南市
    Html
    Css
    Js

    
                        
.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: #4c1 !important;
}
.github-badge .bg-green {
	background-color: #97CA00 !important;
}
.github-badge .bg-yellow {
	background-color: #dfb317 !important;
}
.github-badge .bg-yellowgreen {
	background-color: #a4a61d !important;
}
.github-badge .bg-orange {
	background-color: #fe7d37 !important;
}
.github-badge .bg-red {
	background-color: #e05d44 !important;
}
.github-badge .bg-blue {
	background-color: #007ec6 !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;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

github 徽章

仿照github的徽章系统开发的,参考自

http://shields.io/

颜色是直接使用github源码的颜色值。

shields.io上有工具可以直接生成图片,也挺好用,各取所需吧

0