优惠券2

来源：互联网发布：java类的成员变量编辑：程序博客网时间：2024/04/17 05:39
作者：LoveEmperor_王子様
LoveEmperor_王子様
<!DOCTYPE HTML><html><head>  <meta http-equiv="Content-Type" content="text/html" charset="utf-8" />  <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />  <title>Stamp Demo</title>  <style>    html,body,div,p,i,span,ul,li{      margin:0;      padding:0;    }    body{      background-color:#eee;    }    ul{      list-style:none;    }    .stamp_list{      margin:20px auto;      width:90%;    }    .stamp{      height: 125px;      margin-bottom: 20px;      position: relative;      box-sizing:border-box;      border-radius:5px;    }    .stamp_inner{      height: 125px;      display:inline-block;      vertical-align:top;      box-sizing:border-box;      position:relative;      border-radius:5px;      box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);    }    .stamp_left{      width: 70%;      background: #ffffff;    }    .stamp_left .box{      position:absolute;      right:0;      bottom:0;      width:78px;      height:81px;    }    .stamp_right{      width:30%;      background: #F8E71C;    }    .circle_list{      position:absolute;      top:5px;    }    .circle_list1{      left:-5px;    }    .circle_list2{      right:-5px;    }    .circle_list2:after{      content: '';      position: absolute;      top: 0;      bottom: 0;      left: 6px;      right: -5px;      z-index: 1;      background-color: #eee;    }    .circle_list>li{      background-color:#eee;      width:10px;      height:10px;      border-radius:50%;      margin-bottom:5px;      box-shadow:0 1px 1px rgba(0,0,0,0.2) inset;    }  </style></head><body><ul class="stamp_list">  <li class="stamp">    <div class="stamp_inner stamp_left">    </div    ><div class="stamp_inner stamp_right">    <span>123</span>    <ul class="circle_list circle_list1">      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>    </ul>    <ul class="circle_list circle_list2">      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>    </ul>  </div>  </li>  <li class="stamp">    <div class="stamp_inner stamp_left">    </div    ><div class="stamp_inner stamp_right">    <span>123</span>    <ul class="circle_list circle_list1">      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>    </ul>    <ul class="circle_list circle_list2">      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>    </ul>  </div>  </li>  <li class="stamp">    <div class="stamp_inner stamp_left">    </div    ><div class="stamp_inner stamp_right">    <span>123</span>    <ul class="circle_list circle_list1">      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>    </ul>    <ul class="circle_list circle_list2">      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>    </ul>  </div>  </li></ul></body></html>
LoveEmperor_王子様
阅读全文
0 0