![Loading...](https://cdn-ak-scissors.b.st-hatena.com/image/square/25a6878fd9a9ad2df869e28d036e6d36bdc4f0c2/height=288;version=1;width=512/https%3A%2F%2Fwp-material.net%2Fwp%2Fwp-content%2Fuploads%2F2015%2F03%2Fmaterial-logo-square.png)
こんにちは、okutani(@okutani_t)です。今回は、リンク横にCSSでかわいいバッジをつける方法を解説いたします。 バッジを作るだけなので拍子抜けするぐらいかんたんです。CSSがあんまりよく分からない方でもコピペで作れますので、お気軽に試してみてください。 HTML+CSSで作っていくので、WordPress等のCMSでも同じように表示されるはずです。WordPressで運営している当サイトでも、本記事の方法でバッジを設置しています。 ではさっそくCSSでバッジをレイアウトしてみましょう。 スポンサーリンク バッジを並べるにはspanタグを使おう! 文字の横に並べて何かを表示したいときは、spanタグを使うと良いです。 CSSでレイアウトできるように、classもつけておきましょう。 <span class="sankou-badge">参考</span> この右隣にテキストリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く