読者です 読者をやめる 読者になる 読者になる

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>

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