HTML CSS實現小公尺登入介面

html+css實現小公尺登入介面qq群:722384575

html部分源**如下：

lang

="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
小公尺賬號-登入title
>
rel=
"stylesheet"
href
="register.css"
>
head
>
>
href
="#"
class
="header"
>
href
="index.html"
class
="logo"
>
a>
class
="logo_text"
>
>
小公尺**h2
>
>
讓每個人都能享受科技的樂趣p
>
div>
div>
class
="middle"
>
class
="user"
>
class
="user_header"
>
class
="title"
>
href
="#"
>
賬號登入a
>
class
="line"
>
span
>
href
="#"
>
掃碼登入a
>
div>
div>
class
="user_middle"
>
type
="text"
placeholder
=>
type
="password"
name
="mima"
id="password"
placeholder
="密碼"
>
href
="#"
>
登入a>
>
href
="#"
>
手機簡訊登入/註冊a
>
li>
>
href
="login.html"
>
立即註冊a
>
>
|span
>
href
="#"
>
忘記密碼a
>
li>
div>
class
="user_footer"
>
src=
"images/register_middle_last.png"
alt="
">
div>
div>
div>
class
="footer"
>
>
>
href
="#"
>
簡體a>
>
|span
>
li>
>
href
="#"
>
繁體a>
>
|span
>
li>
>
href
="#"
>
englisha
>
>
|span
>
li>
>
href
="#"
>
常見問題a
>
>
|span
>
li>
>
href
="#"
>
隱私政策a
>
li>
ul>
div>
body
>
html
>
css部分源**如下：
*ali

.logo

.logo_text

.logo_text h2

.logo_text p

/* 中間部分開始 */

.middle

.user

.user_header

.user_header a

.user_header a:hover

.line

.user_middle input

.user_middle > a

.user_middle li

.user_middle li a

.user_middle li a:hover

.user_footer img

.footer

.footer li

.footer li a ,

.footer li span

.footer li a

.footer li a:hover

HTML CSS小練習 登入註冊介面

實現效果 原始碼 doctype html en utf 8 註冊頁面 html css body rg layout rg left rg left p first child rg left p last child rg center rg right rg right p a td left...

HTML CSS實現動態背景登入頁面

首先我們把背景插入進去，在html頁面body板塊中，新增幾個div 好了，已經插入進去了，那麼現在就要對修飾。為了使能足夠大覆蓋頁面，則div中可以有background size cover 滿足你的需求。而下面一步，則是最重要的環節 css動畫的設計 在div class bgk 中進行 we...

HTML CSS實現動態背景登入頁面

1.實現背景的動態變換 首先在html頁面body板塊中，新增div，如下 再對進行css設計。你要對進行大小定位，那麼以下 肯定要首先編寫 bgk 位置設定ok以後，那麼再對裡面的進行設定。為了使能足夠大覆蓋頁面，則 必須有 background size cover 要實現動態效果，那麼你的cs...