From 781a3825a0acbc2eff98b67f9f4de10762eb3b1b Mon Sep 17 00:00:00 2001 From: clollow <1609478591@qq.com> Date: Tue, 2 Nov 2021 10:41:12 +0800 Subject: [PATCH] practice1: shangguanzhiyan-2019303579 --- .../css/index.css" | 173 ++++++++++++++++++ .../img/password.png" | Bin 0 -> 283 bytes .../img/user_name.png" | Bin 0 -> 356 bytes .../index.html" | 69 +++++++ 4 files changed, 242 insertions(+) create mode 100644 "shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/css/index.css" create mode 100644 "shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/img/password.png" create mode 100644 "shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/img/user_name.png" create mode 100644 "shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/index.html" diff --git "a/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/css/index.css" "b/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/css/index.css" new file mode 100644 index 0000000..5d0cee0 --- /dev/null +++ "b/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/css/index.css" @@ -0,0 +1,173 @@ +a { + text-decoration: none; + color: rgb(35, 103, 177) +} + +a:hover { + color: #24327e; +} + +body { + margin: 0px; +} + +#logo { + width: 100%; + height: 120px; + background: url("https://uis.nwpu.edu.cn/cas/themes/nwpu/images/nwpu/top-bg.png"); +} + +#logo img { + position: relative; + top: 35px; + left: 45px; + margin-bottom: 70px; +} + +#background { + width: 100%; + height: 100%; + min-width: 1800px; +} + +#main { + position: absolute; + top: 160px; + right: 40px; + width: 300px; + height: 350px; + background-color: rgba(255, 255, 255, 0.90); + border-right: solid 1px #e6e6e6; + +} + +#login-choise { + font-size: 14px; + list-style: none; + width: 300px; + height: 37px; + padding-left: 0px; + border-bottom: 1px solid #E2E2E2; +} + +#login-input { + padding-left: 30px; +} + +.login-main-content-clicked { + display: inline-block; + width: 120px; + color: rgb(51, 148, 225); + text-align: center; + margin: 0px 10px 10px 10px; + padding: 5px 0px 10px 0px; + border-bottom: solid 2px rgb(51, 148, 225); +} + +.login-main-content-unclicked { + display: inline-block; + width: 120px; + color: rgb(102, 102, 102); + text-align: center; + margin: 0px 10px 10px 10px; + padding: 5px 0px 10px 0px; +} + +#login-input>li { + list-style-type: none; + list-style-position: outside; +} + +.login-info>li>form { + width: 220px; +} + +.login-info-input { + width: 200px; + height: 20px; + padding-top: 10px; + padding-bottom: 10px; + padding-left: 40px; + margin-top: 5px; + margin-right: 14px; + margin-bottom: 10px; + border-radius: 20px; + background-color: rgba(256, 256, 256, 0.8); + float: left; + border: none; +} + +.login-info-input:focus { + outline: #6495ED solid 1px; +} + +#user-name-pic { + position: absolute; + right: 240px; + top: 85px; +} + +#password-pic { + position: absolute; + right: 240px; + top: 140px; +} + +#remember-or-forget { + margin-top: 10px; + margin-bottom: 15px; + font-size: 14px; +} + +#remember-or-forget span { + margin-right: 100px; +} + +#remember-or-forget span>label { + color: rgb(35, 103, 177); +} + +#remember-or-forget span>label:hover { + color: #24327e; +} + +#remember-me { + vertical-align: middle; +} + +#login-button { + width: 240px; + text-align: center; +} + +#login-button input { + width: 100%; + height: 40px; + border-radius: 20px; + border: none; + background-color: rgb(35, 103, 177); + color: white; + margin-right: 30px; +} + +#login-button input:hover { + background-color: rgb(18, 52, 89); +} + +#other-login-way { + margin: 15px 0px; + font-size: 12px; +} + +#other-login-way img { + vertical-align: middle; + width: 30px; + height: 30px; + margin: 0px 5px; +} + +#activate-account { + margin-right: 30px; + text-align: center; + font-size: 14px; +} diff --git "a/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/img/password.png" "b/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/img/password.png" new file mode 100644 index 0000000000000000000000000000000000000000..04bc1d23b763b1d56e9f175d322b315b7ad41c34 GIT binary patch literal 283 zcmV+$0p$LPP)Px#)k#D_R5(xV)3HjzQ547V&wpz50eS-$C-=ahMQo{|9w2ba(ak1Doq}+-A(zBO zD2Udk9>P^|bt*3Wh3n<7f5^29m&@Uv^F8OD-?^D1S9T!&7Onh#igA(eKENC&nB+lM z*x(|C6amihf-`*Q0X2N!8gDVA2yl-&Zjx-z_`9Q#_(sBFqeJ zEP`MBgpj#`yAr??-nR{o0o#(((o^1!-#=hig-ZPx$9!W$&R5(wS)4eN(Q5eVZ&r`~zl*K?6FN>F%EXp9WN#t2jio_%alah%EiwqV9 z24RxHKOl>jRg{69ymacm^|-sw!*l8k=Ul(*d#>wu&MAnG33MglYi#C83z7VN)Z-9U z=tBn@v-&*1E{<`K1Ajn6>3$Z_h8x5xJHZjQQ%F`gjdn~%S{p()=3{^<^k5_cD53?6 zF+eR||7c+YXE8w7U%@AqGF6220D8-rn8xNXhD&@Pn0trd(XWx`_Gsck4XzS(C&FCM zR+a^v<1IPqK66+zLjUg=$8(660>T~dL>^Ens~>9^#8V0gz0D+7ROWm9gceYZ zS)BeSJJCF%DFu9?4lfk|E-)Mbt=LL_Tm|`7vG)xv>n~p3E6{`h0000 + + + + + + + + + + + + + +
+ Background +
+
+
    + + +
+ +
+ + -- Gitee