3.6 實踐案例——設計登錄和注冊界面

在平時瀏覽網頁時，經常會遇到讓我們輸入信息的界面，登錄后才能查看一些信息，如果沒有在該網站注冊過，還需要先注冊信息。本案例也來實現一個簡單的登錄注冊界面。

設計HTML結構，代碼如下：

可以發現，我們設置了一個標題、兩個文本框和兩個按鈕，在IE瀏覽器中運行的結果如圖3-14所示。

圖3-14 沒設置CSS的頁面效果

然后給每個元素添加CSS樣式，全部代碼如【例3-10】所示。

【例3-10】（實例文件：ch03\Chap3.10.html）登錄注冊界面設計。

相關的代碼實例請參考Chap3.10.html文件，在IE瀏覽器中運行的結果如圖3-15所示。

圖3-15 登錄和注冊完成界面