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编辑  收藏  举报

导航