HTML 圆心节点

最新推荐文章于 2021-05-31 23:08:01 发布

Hellowongwong

最新推荐文章于 2021-05-31 23:08:01 发布

阅读量204

点赞数

原文链接：http://www.cnblogs.com/cb168/p/6387315.html

版权

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