導航:首頁 > APP軟體 > qq郵箱郵件代碼大全
qq郵箱郵件代碼大全
發布時間：2024-02-06 00:55:02Ⅰ 哪位大神有漂亮的QQ郵箱html代碼
具體代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>QQ Eamil</title>
<style type="text/css">
body{
background: url(img/1.png) no-repeat;
background-position: 200px 200px;
}
*{
padding: 0;margin: 0;
}
.top{
width: 1600px;
height: 60px;
}
.footer{
width: 1600px;
height: 40px;
position: absolute;
bottom: 0px;
}
.all{
border:1px solid lightblue;
width: 335px;
height: 387px;
position: absolute;
top: 136px;
right: 341px;
}
.all .first .login,.all .first .pas{
width:167px;
height: 50px;
text-align: center;
line-height: 50px;
display: block;
float: left;
background-color: lightblue;
font-family: "微軟雅黑";
color: gray;
}
.all .second .number{
width: 284px;
height: 35px;
margin-top: 33px;
margin-left: 17px;
}
.all .second .password{
width: 284px;
height: 35px;
margin-top: 15px;
margin-left: 17px;
}
.all .second .ok{
width: 284px;
height: 40px;
margin-top: 17px;
margin-left: 17px;
border: 0;
background-color: cornflowerblue;
font-size:larger;
color: white;
font-family: "微軟雅黑";
}
.all .first{
width: 335px;
height:52px;
}
.all .second{
width: 332px;
height:290px;
}
.all .third{
width: 222px;
height:45px;
line-height: 45px;
padding-left: 110px;
}
.all .first .login:hover{
color:black;
}
.all .first .pas:hover{
color:black;
}
.all .second .bnext{
width: 20px;
height: 20px;
margin-top: 10px;
margin-left: 17px;
}
.all .second .tnext{
display: block;
width: 100px;
height: 15px;
margin-left: 45px;
margin-top: -22px;
font-size: small;
}
.all .third span{
font-size:smaller;
color: blue;
font-family: "微軟雅黑";
}
</style>
</head>
<body>
<img src="img/logo.png" class="top" />
<div class="all">
<div class="first">
<span class="login">快速登錄</span>
<span class="pas">賬號密碼登錄</span>
</div>
<div class="second">
<input type="text" placeholder="QQ賬號" class="number"/><br />
<input type="text" placeholder="QQ密碼" class="password"/>
<input type="checkbox" class="bnext"/><span class="tnext">下次自動登錄</span>
<input type="button" value="登錄" class="ok"/>
</div>
<div class="third">
<span>忘了密碼？|</span>
<span>注冊新賬戶|</span>
<span>意見反饋</span>
</div>
</div>
<img src="img/footer.png" class="footer"/>
</body>
</html>
效果圖如下：
與qq郵箱郵件代碼大全相關的資料
- 怎麼查微信公眾號什麼時候開通的
- ipodwatch如何安裝app
- 誰有微信搶紅包的群號
- 蘋果查序號怎麼看不是
- 陌秀直播蘋果怎麼下載ipad
- 微信動態表情包搞笑
- qq圖片動態動漫少女
- 前女友把我微信刪了又加什麼意思
- 超值貓qq群購秒殺群
- 蘋果minecraftpe注冊
- 微信清除緩存圖片恢復
- 蘋果7音量按鍵不回彈
- 可以兼職的app
- qq分組exo韓文
- 記得app
- 設置驗證被拉入微信群
- 55公里app
- 蘋果7如何使用萬能鑰匙
- 蘋果6sp換殼
- 成都的蘋果售後服務電話號碼
- 淘車大師app官方下載
- 微信網頁版自動登錄
- 蘋果皮能用流量嗎
- 最新微粒貸app官方下載
- 微信中秋節動態祝福語
- 微信直接加為好友
- 微信通訊錄復制到手機
- 蘋果6plusitunesstore
- iosapp怎麼讓未讀消息顯示
- 蘋果直徑怎麼量
- 蘋果4怎麼弄3g網路
- 蘋果7plus光學變焦
- 花源app盈利模式
- 本地搭建安卓開發環境
- 蘋果6plus的屏幕自拍
- 日語n2詞彙app
- qq錢包無銀行卡咋實名
- 蘋果6微信消息復制發送怎麼辦
- qq年費會員活動2017
- 58同城買全新蘋果手機
- 蘋果手機內部存儲不足是怎麼回事
- HappyTogether利特