<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圆心测试</title> <link rel="stylesheet" href="ycss3.css" type="text/css"> <style> .div{ text-align:center; border:2px solid #a1a1a1; padding:10px 40px; background:#dddddd; width:350px; border-radius:25px; -moz-border-radius:25px; /* 老的 Firefox */ } .div2{ content: ''; left: 0; top: 100px; width: 16px; height: 16px; border-radius: 8px; background: #b9e5cc; position: absolute; } .div3{ content: ''; left: 2px; top: 2px; width: 12px; height: 12px; border-radius: 6px; background: #25ae5f; position: absolute; } </style> </head> <body> <div class="div2"> <div class="div3"> </div> </div> <div class="reach-msg"> <ul class="sc-margin"> <li><p>已签收,感谢使用顺丰,期待再次为您服务</p><span>2017-02-01 10:51:32</span></li> <li><p>正在派送途中</p><span>2017-02-01 07:59:38</span></li> </ul> </div> </body> </html>
