StackOverflowのようにバッジを実装したい。たぶんあなたは私にいくつかの素晴らしいCSSコードを与えることができますか？
4194 次
4 に答える
48
真新しい紹介
Stack Overflow 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 に答える