ios7角标html

.badge {position:absolute;right:-8px;top:-8px;
background: linear-gradient(top, #e42c31, #d31b22);
background: -moz-linear-gradient(top, #e42c31, #d31b22);
background: -ms-linear-gradient(top, #e42c31, #d31b22);
background: -o-linear-gradient(top, #e42c31, #d31b22);
background: -webkit-linear-gradient(top, #e42c31, #d31b22);
background-color: #e42c31;border-radius: 10px;color: white;font: 15px/13px Helvetica, Verdana, Tahoma;height: 16px; padding: 4px 3px 0 3px;text-align: center;min-width: 14px;
}

<div class="badge">1</div>