iPhoneアプリでよく見る通知バッヂみたいなものを置く

HTML CSS

<!DOCTYPE HTML>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        a {
            background: #888;
            display: block;
            width: 30px;
            height: 30px;
            position: relative;
          }
        a span {
            background: #f00;
            border: solid 1px #fff;
            border-radius: 8px;
            color: #fff;
            display: block;
            font-size: 10px;
            font-weight: bold;
            text-align: center;
            width: 15px;
            height: 15px;
            position: absolute;
                top: -5px;
                left: 15px;
            }
    </style>
</head>
<body>
    <a href=""><span>15</span></a>
</body>
</html>

見た目はもっとなんとかなるけどまあどうやるかっていうのだけどこんな感じなんやなあ

以上の内容はhttps://chulip.org/entry/20121107/1352280575より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14