們?cè)谶M(jìn)行開(kāi)發(fā)的時(shí)候,需要進(jìn)行前端的設(shè)計(jì),但是如果都是自己寫的話,需要寫大量的CSS。
如果套用的模板的話,勢(shì)必會(huì)省很大的時(shí)間和精力。
經(jīng)過(guò)一段時(shí)間的整理,孟哥整理了11套高質(zhì)量的后臺(tái)模板,非常奈斯。
需要的,可以自取。
關(guān)注+轉(zhuǎn)發(fā)+評(píng)論。
色大氣全屏背景通用登錄頁(yè)面html模板是一款適用于PC端和手機(jī)端的登錄界面模板、APP登錄界面模板。現(xiàn)在就業(yè)非常重要的一個(gè)項(xiàng)目你準(zhǔn)備好了嗎?下午小編教你從無(wú)到有的敲代碼敲出自己博客最重要的項(xiàng)目 高薪就業(yè)輕松2倍。
<!DOCTYPE html> <html lang="en"> <head> <title>藍(lán)色登錄界面HTML代碼</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--圖標(biāo)樣式--> <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css"> <!--布局框架--> <link rel="stylesheet" type="text/css" href="css/util.css"> <!--主要樣式--> <link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body> <div class="limiter"> <div class="container-login100" style="background-image: url('images/img-01.jpg');"> <div class="wrap-login100 p-t-190 p-b-30"> <form class="login100-form validate-form"> <div class="login100-form-avatar"> <img src="images/avatar-01.jpg" alt="AVATAR"> </div> <span class="login100-form-title p-t-20 p-b-45">Hello</span> <div class="wrap-input100 validate-input m-b-10" data-validate="請(qǐng)輸入用戶名"> <input class="input100" type="text" name="username" placeholder="用戶名" autocomplete="off"> <span class="focus-input100"></span> <span class="symbol-input100"> <i class="fa fa-user"></i> </span> </div> <div class="wrap-input100 validate-input m-b-10" data-validate="請(qǐng)輸入密碼"> <input class="input100" type="password" name="pass" placeholder="密碼"> <span class="focus-input100"></span> <span class="symbol-input100"> <i class="fa fa-lock"></i> </span> </div> <div class="container-login100-form-btn p-t-10"> <button class="login100-form-btn">登 錄</button> </div> <div class="text-center w-full p-t-25 p-b-230"> <a href="#" class="txt1">忘記密碼?</a> </div> <div class="text-center w-full"> <a class="txt1" href="#"> 立即注冊(cè) <i class="fa fa-long-arrow-right"></i> </a> </div> </form> </div> </div> </div> <script src="vendor/jquery/jquery-1.12.4.min.js"></script> <script src="js/main.js"></script> </body> </html>
大家需要這個(gè)項(xiàng)目css代碼,js,圖片做練習(xí)的可以找我免費(fèi)領(lǐng)取,如果大家不怕麻煩可以關(guān)注我后私信我“前端學(xué)習(xí)資料”幾個(gè)字 找我領(lǐng)取 24小時(shí)在線!
手向,大佬輕噴
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。