diff --git a/web/login_style.css b/web/login_style.css
index e0257a9..d89fb02 100644
--- a/web/login_style.css
+++ b/web/login_style.css
@@ -4,7 +4,7 @@ body {
 }
 .background_text {
     width: 100%;
-    color: rgba(255, 239, 213, 0.3);
+    color: rgb(255, 183, 124,0.3);
     font-style: italic;
     font-family: sans-serif;
     font-size: 125px;
@@ -49,7 +49,7 @@ input[name] {
     outline: none;
 }
 #submit {
-    background-color: rgba(255, 239, 213);
+    background-color: rgb(255, 183, 124);
     height: 40px;
     width: 40px;
     border: none;
@@ -60,7 +60,13 @@ input[name] {
     outline: none;
 }
 #submit:hover {
-    width: 45px;
-    height: 45px;
-    background-color: rgba(255, 239, 213, 0.582);
+    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(192, 192, 192, 0.801);
+}
+#submit:active {
+    background-color: rgba(255, 183, 124, 0.5);
 }
diff --git a/web/personal.html b/web/personal.html
index 7f0563a..a719a05 100644
--- a/web/personal.html
+++ b/web/personal.html
@@ -35,7 +35,39 @@
             <span><h2>管理员</h2></span><br>
             <span><p>root</p></span>
         </div>
-        
+        <div class="logout">
+            <input type="button" value="安全退出">
+        </div>
+    </div>
+    <div class="messages">
+        <h2>消息</h2>
+        <div>
+            <h5>张小王</h5>
+            <p>消息内容</p>
+        </div>
+        <div>
+            <h5>子女姓名</h5>
+            <p>消息内容</p>
+        </div>
+        <div>
+            <h5>子女姓名</h5>
+            <p>消息内容</p>
+        </div>
+        <div>
+            <h5>子女姓名</h5>
+            <p>消息内容</p>
+        </div>
+    </div>
+    <div class="modify">
+        <h2>修改密码</h2>
+        <div>
+            <!-- action先不填 -->
+            <form action="">
+                <input type="password" placeholder="原密码"><br><br><br>
+                <input type="password" id="new" placeholder="新密码"><br><br><br>
+                <input type="submit" id="submit" value="OK">
+            </form>
+        </div>
     </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/web/personal_style.css b/web/personal_style.css
index 0952a8b..219157d 100644
--- a/web/personal_style.css
+++ b/web/personal_style.css
@@ -45,7 +45,7 @@ ul {
     float: left;
 }
 .menu li#self {
-    margin: 0 0 0 995px;
+    margin: 0 0 0 979px;
 }
 .menu li a {
     color: white;
@@ -77,6 +77,7 @@ ul {
     background-color: white;
     margin: 50px 0 0 280px;
     position: absolute;
+    border-radius: 2px;
 }
 .background .pic {
     width: 128px;
@@ -84,17 +85,151 @@ ul {
     position: relative;
     top: 36px;
     left: 30px;
+    /* background-color: yellow; */
 }
 .background .pic a {
     background-image: url("icons/管理员头像.png");
     background-repeat: no-repeat;
     background-size: 100%;
+    border-radius: 2px;
     display: block;
     padding: 64px;
 
 }
 .background .backgroundText {
+    width: 200px;
+    height: auto;
     position: relative;
     top: -100px;
     left: 308px;
+    /* background-color: yellow; */
+}
+.background .logout input {
+    width: 90px;
+    height: 30px;
+    border-style: none;
+    border-radius: 2px;
+    color: white;
+    background-color: red;
+    outline: none;
+    position: relative;
+    top: -135px;
+    left: 550px;
+}
+.background .logout input: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(192, 192, 192, 0.801);
+}
+.background .logout input:active {
+    background-color: rgba(255, 55, 55, 0.781);
+}
+.background: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: 10px 10px 5px rgb(252, 227, 188);
+}
+
+/* 消息块 */
+.messages {
+    width: 400px;
+    height: auto;
+    background-color: white;
+    position: absolute;
+    top: 420px;
+    left: 280px;
+}
+.messages: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: 10px 10px 5px rgb(252, 227, 188);
+}
+.messages h2 {
+    /* background-color: yellow; */
+    padding: 0 0 0 20px;
+}
+.messages div {
+    width: 180px;
+    height: 140px;
+    border-top: 1px rgb(224, 224, 224) solid;
+    float: left;
+    margin: 5px 5px 10px 12px;
+    color: black;
+    /* background: linear-gradient(left,rgb(248, 235, 233),rgba(245, 239, 230, 0.897));
+    background: -webkit-linear-gradient(left,rgb(248, 235, 233),rgba(245, 239, 230, 0.897));
+    background: -o-linear-gradient(left,rgb(248, 235, 233),rgba(245, 239, 230, 0.897));
+    background: -moz-linear-gradient(left,rgb(248, 235, 233),rgba(245, 239, 230, 0.897)); */
+}
+.messages div h5 {
+    margin: 2px 0 0 0;
+    padding: 0 0 0 10px;
+    /* background-color: yellow; */
+}
+.messages div p {
+    width: 170px;
+    height: 105px;
+    padding: 0 0 0 10px;
+    /* background-color: rgb(255, 183, 124); */
+}
+
+/* 修改密码 */
+.modify {
+    width: 280px;
+    height: 383px;
+    background-color: white;
+    position: absolute;
+    top: 420px;
+    left: 700px;
+}
+.modify: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: 10px 10px 5px rgb(252, 227, 188);
+}
+.modify h2 {
+    padding: 0 0 0 20px;
+}
+.modify form input {
+    position: relative;
+    top: 25px;
+    left: 40px;
+    border: 1px rgb(224, 224, 224) solid;
+    border-radius: 25px;
+    text-align: center;
+    outline: none;
+    font-size: 16px;
+}
+.modify form input#new {
+    margin-top: 30px;
+}
+.modify form input#submit {
+    margin-top: 20px;
+    margin-left: 80px;
+    width: 40px;
+    height: 40px;
+    color: white;
+    border: none;
+}
+.modify 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(192, 192, 192, 0.801);
+}
+.modify form input#submit:active {
+    background-color: rgb(235, 235, 235);
 }
\ No newline at end of file