1、向上效果圖：

2、制作難點(diǎn)是如何將A區(qū)的文字右對(duì)齊。
我的制作思路是：給A區(qū)" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > 簡(jiǎn)單的注冊(cè)頁面制作

簡(jiǎn)單的注冊(cè)頁面制作

時(shí)間：2023-07-23 17:30:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-23 17:30:01 來源：網(wǎng)站運(yùn)營

簡(jiǎn)單的注冊(cè)頁面制作：最近中做一個(gè)小項(xiàng)目，其中涉及到登錄和注冊(cè)頁面的制作，接下來就為大家介紹一下制作的過程，不足之處請(qǐng)各位大神批評(píng)指出。

1、向上效果圖：

2、制作難點(diǎn)是如何將A區(qū)的文字右對(duì)齊。
我的制作思路是：給A區(qū)的文字設(shè)置一個(gè)寬度，再將文字的text-align屬性設(shè)置為 right。
3、下面是頁面的結(jié)構(gòu)（部分）：

<div> <span>請(qǐng)輸入郵箱地址</span> <input type="email" name="emailText" id="emailText" placeholder="xxx.@xxx.com" /> <p>郵箱地址請(qǐng)按要求格式輸入</p></div> <div> <span>請(qǐng)輸入密碼</span> <input type="password" name="pass" id="pass1" /></div> <div> <span>請(qǐng)重復(fù)輸入密碼</span> <input type="password" name="pass2" id="pass2" /> <p>密碼請(qǐng)為6-16位英文數(shù)字</p></div>4、下面是頁面的布局（部分）：

#signup span{ float: left; width: 35%; text-align: right; font-size: 14px; padding-right: 10px;}#signup p{ width: 200px; margin: 0 0 0 35%; font-size: 12px; line-height: 20px; color: #ccc; padding-left: 10px;}#signup textarea{ width: 50%; height: 100px; resize: none;}5、值得一提的是下面的這段樣式：

解釋：因?yàn)閟pan是行內(nèi)元素，不支持寬高。當(dāng)給span元素設(shè)置width：35%時(shí)，其樣式在頁面中并不會(huì)表現(xiàn)出來。當(dāng)給span元素加上float:left時(shí)，行內(nèi)元素就支持寬高了。加上text-align: right;是為了讓文字居右顯示。加padding-right: 10px;是為了留白，讓文字與輸入框之間有一定的距離。

6、至此就完成了（頁面略吃藕，但總算是完成啦啦啦?。。s快去試試吧！

注：注冊(cè)頁面源碼請(qǐng)查看：get到一個(gè)注冊(cè)頁面的制作 - 寒雨落軒的個(gè)人空間

關(guān)鍵詞：注冊(cè),簡(jiǎn)單

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉