第一种
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><style>
.wrap {width:50px;margin-bottom:10px;position:relative;
}
.img {width:50px;height:50px;border:1px solid #000;
}
.notice {width:20px;height:20px;line-height:20px;font-size:10px;color:#fff;text-align:center;background-color:#f00;border-radius:50%;position:absolute;right:-10px;top:-10px;
}
style><title>Documenttitle>
head>
<body><div class="wrap">
<div class="img">div>
<div class="notice">1div>
div><div class="wrap">
<div class="img">div>
<div class="notice">12div>
div><div class="wrap">
<div class="img">div>
<div class="notice">13div>
body>
html>
第二种
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><style>.span {position: relative;padding: 7px;margin: 40px;display: inline-block;}.tip {display: block;background: #f00;border-radius: 50%;width: 25px;height: 25px;text-align: center;line-height: 25px;position: absolute;top: -6px;color: #fff;right: -13px;}}style><title>Documenttitle>head><body><span class="span">发现<span class="tip">12span>span>body>
html>
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！
