<!DOCTYPE html> | |
<html lang="zh-CN"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Document</title> | |
<style> | |
* { | |
padding: 0; | |
margin: 0; | |
list-style: none; | |
box-sizing: border-box; | |
} | |
:root { | |
--main-color:#0096d9; | |
} | |
html { | |
font-size: 62.5%; | |
} | |
body { | |
height: 100vh; | |
padding-top: 100px; | |
background-color: #eee; | |
} | |
.container { | |
width: 400px; | |
height: 500px; | |
margin: 0 auto; | |
text-align: center; |