<!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>
