style finished

web/deletePeople_style.css

@@ -0,0 +1,80 @@
+body {
+    margin: 0px;
+    background-color: papayawhip;
+    background-image: url("images/老人3.jpg");
+    background-repeat: no-repeat;
+    background-size: 100%;
+}
+
+/* LOGO */
+.box1 {
+    text-align: left;
+    position: absolute;
+    top: 30px;
+    left: 10px;
+    user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+}
+.upper {
+    color: rgb(255, 115, 0);
+    font-weight: bolder;
+    font-family: sans-serif;
+    font-size: 45px;
+    letter-spacing: -10px;
+}
+.lower {
+    color: rgb(255, 183, 124);
+    font-family: sans-serif;
+    font-size: 45px; 
+    letter-spacing: -5px;
+}
+
+/* 注销界面 */
+.delete {
+    width: 420px;
+    height: 250px;
+    background-color: rgba(255, 255, 255, 0.6);
+    position: absolute;
+    top: 150px;
+    left: 830px;
+}
+.delete h2 {
+    padding: 0 0 0 30px;
+    color: rgb(255, 115, 0);
+}
+.delete form input {
+    width: 300px;
+    height: 35px;
+    position: relative;
+    top: 20px;
+    left: 60px;
+    text-align: center;
+    outline: none;
+    border-radius: 25px;
+    border: 0.5px solid rgba(128, 128, 128, 0.6);
+    background-color: rgba(255, 255, 255, 0.3);
+}
+.delete form input#submit {
+    width: 40px;
+    height: 40px;
+    border: none;
+    background-color: rgb(255, 115, 0);
+    color: white;
+    position: relative;
+    top: 80px;
+    left: 355px;
+}
+.delete form input#submit:hover {
+    transform: translate(0,-1px);
+    -ms-transform: translate(0,-1px);
+    -webkit-transform: translate(0,-1px);
+    -o-transform: translate(0,-1px);
+    -moz-transform: translate(0,-1px);
+    box-shadow: 3px 3px 3px rgba(131, 131, 131, 0.6);
+}
+.delete form input#submit:active {
+    background-color: rgba(255, 115, 0, 0.3);
+    /* js写一个弹出确认框 显示老人名字和身份证号 */
+}