做仿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>

保存直接运行可看到效果

相关文章:

  • 2021-12-09
  • 2021-08-06
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-02
  • 2021-07-02
猜你喜欢
  • 2022-12-23
  • 2021-09-15
  • 2021-05-17
  • 2022-01-12
  • 2022-12-23
  • 2021-12-15
  • 2022-12-23
相关资源
相似解决方案