素敵なCSSバッジ - 手をくれませんか？

Question

Stack Overflowのようなバッジを実装したいです。多分あなたは私にいくつかの素敵なCSSコードを与えることができますか？

Answer 1

真新しいものを紹介します

スタックオーバーフローBadgemaker 3000

バッジ™を作成します

名前をポップして、光沢のある新しいバッジにしたい色を教えてください。

^{ブラウザのサポート：IE7までのすべての最新のブラウザ。 IE8以下ではサポートされていない丸い角。}

Answer 2

多分あなたは素敵なものを使うことができます Firebug そして、それがどのようにそれをするかを覗いてみてください。

Answer 3

丸い角を意味しますか？ CSS3の丸い角を使用します：

border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;

Answer 4

または、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;}