1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 8 .con{ 9 width: 100px; 10 height: 100px; 11 background-color: gold; 12 margin: 50px auto 0; 13 position: relative; 14 border-radius: 14px; 15 } 16 .box{ 17 width: 28px; 18 height: 28px; 19 background-color: red; 20 line-height: 28px; 21 text-align: center; 22 color: #fff; 23 position: absolute; 24 left: 86px; 25 top: -14px; 26 border-radius: 14px; 27 } 28 </style> 29 </head> 30 <body> 31 <div class="con"> 32 <div class="box">5</div> 33 </div> 34 </body> 35 </html>
原文：https://www.cnblogs.com/kogmaw/p/12423830.html