4

我想在 Stack Overflow 上实现徽章。也许你可以给我一些不错的 CSS 代码？

4

4 回答 4

48

介绍全新的

堆栈溢出 BadgeMaker 3000

它使 Badges™</h3>

只需弹出一个名称，告诉它您希望闪亮的新徽章是什么颜色，一切就绪！

浏览器支持：所有现代浏览器，包括 IE7。IE8 及更低版本不支持圆角。

于 2010-09-20T16:47:25.200 回答
14

也许您可以使用漂亮的Firebug并看看 SO 是如何做到的。

于 2010-09-20T16:27:00.090 回答
1

你是说圆角？它使用 CSS3 圆角：

border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
于 2010-09-20T16:29:59.473 回答
1

或者您可以在他们的 CSS 文件中搜索“徽章”：

.badge,.badge-tag{color:#fff!important;background-color:#333;border:1px solid #333;margin:0 3px 3px 0;padding:0 6px 0 3px;display:inline-block;text-decoration:none;line-height:1.9;-moz-border-radius:6px;-webkit-border-radius:6px;}
.badge:hover,.badge-tag:hover{border:1px solid #555;background-color:#555;text-decoration:none;}
.badge-tag:hover{color:#fff!important;border:2px solid #555;}
.badge-tag{color:#333!important;border:2px solid #333;background-color:#eee;}
于 2010-09-20T16:30:42.940 回答