html代碼塊<!DOCTYPE html><html><head> <meta charset=&#34;utf-8&#34;> <title>JS Bin</title></head><body><div class=&#34;login&#34;> <div class=&#34;flex1 login" />

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

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運營 > html+css做簡易登錄窗口

html+css做簡易登錄窗口

時間：2023-09-05 23:06:01 | 來源：網(wǎng)站運營

時間：2023-09-05 23:06:01 來源：網(wǎng)站運營

html+css做簡易登錄窗口：

html代碼塊

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS Bin</title></head><body><div class="login"> <div class="flex1 login-top">登錄窗口</div> <div class="flex1">用戶名：<input type="text"> </div> <div class="flex1">密&nbsp;&nbsp;&nbsp;碼:&nbsp;&nbsp; <input type="password"></div> <div class="flex1"><button>確&nbsp;&nbsp;&nbsp;定</button></div></div></body></html>

CSS代碼塊

.login{ width:300px; height:200px; background:#7f7cd6; border-radius:10px; margin:100px auto; display:flex; flex-direction:column; overflow:hidden; } body{ background:#eeee; }.flex1{ flex:1; text-align:center; line-height:50px;} .login-top{ background:#e89bd4; color:white;}.login button{ font-size:16px; }.login input{ font-size:16px;}鏈接：



關(guān)鍵詞：窗口,簡易

74
73
25
news

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

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