update

web/html/css/firstPage_style.css

@@ -0,0 +1,128 @@
+body {
+    height: 1450px;
+    margin: 0px;
+    background-image: url("images/天空1.jpg");
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+/* 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;
+}
+
+/* 横向菜单栏 */
+.menu {
+    width: auto;
+    height: 50px;
+    background-color: rgb(255, 183, 124);
+    margin-top: 100px;
+}
+ul {
+    width: auto;
+    list-style-type: none;
+    white-space: nowrap;
+    padding: 0;
+}
+.menu li {
+    float: left;
+}
+.menu li#self {
+    margin: 0 0 0 979px;
+}
+.menu li a {
+    color: white;
+    text-decoration-line: none;
+    display: block;
+    padding: 14px 40px 15px 70px;
+}
+.menu li a:hover {
+    background-color: rgba(248, 148, 66, 0.7);
+}
+.menu ul li a#firstPage {
+    background-image: url("icons/首页.png");
+    background-repeat: no-repeat;
+    background-size: 12%;
+    background-position: 35px 16px;
+    
+}
+.menu ul li a#my {
+    background-image: url("icons/管理员.png");
+    background-repeat: no-repeat;
+    background-size: 12%;
+    background-position: 35px 16px;
+}
+
+/* 操作界面 */
+.box2 {
+    width: auto;
+    height: auto;
+    /* background-color: yellow; */
+    margin: 0 0 0 190px;
+}
+.box2 table tr td {
+    padding: 150px 50px 90px 0;
+}
+.box2 table tr td a {
+    color: papayawhip;
+    text-decoration-line: none;
+    font-size: 14px;
+    background-image: url("icons/房间.png");
+    background-repeat: no-repeat;
+    padding: 100px 90px 20px 100px;
+    background-position: 70px 35px;
+    background-size: 40%;
+    margin: 0 0 0 5px;
+    /* background-color: yellow; */
+}
+.box2 table tr td a:hover {
+    background-image: url("icons/房间light.png");
+}
+.box2 table tr td.last {
+    padding: 150px 0 90px 0;
+}
+
+/* 纵向导航栏 */
+.guide {
+    width: 190px;
+    height: 1400px;
+    background-color: rgba(255, 183, 124, 0.3);
+    position: absolute;
+    top: 150px;
+}
+.guide li {
+    margin: 50px 0 0 0;
+}
+.guide li#delete {
+    margin: 60px 0;
+    /* background-color: yellow; */
+}
+.guide li a {
+    text-decoration-line: none;
+    color: white;
+    padding: 16px 76px 20px 50px;
+    /* background-color: yellow; */
+}
+.guide li a:hover {
+    background-color: rgba(248, 148, 66, 0.7);
+}