边框+阴影小案例

原创 2019-08-14 09:45:15 264
摘要:<!DOCTYPE html><html lang="en"><head>   <meta charset="UTF-8">   <meta name="viewport" content="width=device-width, in

<!DOCTYPE html>

<html lang="en">

<head>

   <meta charset="UTF-8">

   <meta name="viewport" content="width=device-width, initial-scale=1.0">

   <meta http-equiv="X-UA-Compatible" content="ie=edge">

   <title>边框+阴影</title>

   <style>

      .border1{

          width: 200px;height: 200px;background: pink; border: 1px solid ;

      }

      .border2{

       width: 200px;height: 200px;background: greenyellow; border-top: 1px solid blue;

      }

      .shadow{

       width: 200px;height: 200px;box-shadow: 0px 20px 30px inset;

      }

   </style>

</head>

<body>

   <div class="border1"></div>

   <div class="border2"></div>

   <div class="shadow"></div>

</body>

</html>


批改老师:天蓬老师批改时间:2019-08-15 10:59:40
老师总结:这个作业 , 如果配个图片, 就完美了

发布手记

热门词条