返回边框+阴影小案......登陆

边框+阴影小案例

A00A-KAจุ๊บ 2019-08-14 09:45:1512

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


最新手记推荐

• 新闻模块对应模块的代码• 依赖注入小例子• 模板显示用户信息表,并分页显示• 模板继承,模仿php页面• 模拟用户登录验证的案例 依赖注入 Facade

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网