HTML页面仿iphone数字角标
做仿iphone样式的数字角标,用简单的css来实现
<html>
<head>
<title>角标数字</title>
<style type="text/css">
.jiaobiao{
position: absolute;
height: 15px;
width: 15px;
border-radius: 30px;
background: red;
line-height: 15px;
text-align: center;
top: 1px;
left: 30px;
}
</style>
</head>
<body>
<span>消息<ss class="jiaobiao">1</ss></span>
</body>
</html>
保存直接运行可看到效果
posted on 2016-03-01 15:15 SPEqwerty 阅读(1428) 评论(0) 编辑 收藏 举报