用div做一个内阴影导航圆

原创2018-11-08 20:00:4769
摘要:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>导航圆</title> <style type="text/css">     *{&nb

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>导航圆</title>
 <style type="text/css">
     *{
      padding: 0px;
      margin: 0px;
     }
      .top{
       width: 100px;
       height: 100px;
       border: 1px solid  red;
       border-radius: 50px;
      /*  background: #ccc; */
       box-shadow: 10px 40px 60px #ccc inset;
      }
   .box{
       width: 70px;
       height: 30px;
       margin: 35px auto;
      }
 </style>
</head>
<body>
<div>
     <div>开始导航</div></div>
 
</body>
</html>

批改老师:灭绝师太批改时间:2018-11-09 09:11:52
老师总结:除了自己做的小案例,也要把上课的代码测试一下哦

发布手记

热门词条