HTML CSS實現經典登入註冊頁面

2021-08-28 21:00:11 字數 481 閱讀 1819

2、下面看一下具體的**實現(使用的開發工具是hbuilder,有非常強大的提示功能,推薦)

首先是登入介面,我命名為login.html(這在**的跳轉中有作用),有幾個我認為比較重要的地方我直接用//來注釋了,但是小夥伴複製貼上的時候需要把注釋去掉,因為html注釋語法不是這樣的:

然後是註冊頁面,我把它命名為register.html

3、總結:這兩個頁面很相似,涉及到的元素都差不多,不同的只是對頁面的布局,很多地方的布局都可以進行修改得到你最滿意的頁面效果,也有很多元素的屬性可以進一步設定,比如限制使用者名稱和 密碼的長度,加入背景等等,都非常簡單,只要修改上面相應的一行**即可 ,今天的分享就是這樣啦~~

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...

flex實現經典的sticky footer布局

需求分析 當頁面內容小於裝置螢幕的高度時,底部footer部分固定在螢幕底部,當頁面內容超出螢幕高度時,底部footer部分隨頁面變動,始終在頁面的底部。flex布局實現 html部分 body css部分 html,body,header,footer,section,div,p html bod...

Python實現經典排序演算法

import random lis list range 100 random.shuffle lis print lis def bubblesort arr for i in range 1 len arr for j in range 0 len arr i if arr j arr j 1 ...