qq郵箱郵件代碼大全_哪位大神有漂亮的QQ郵箱html代碼

Ⅰ 哪位大神有漂亮的QQ郵箱html代碼

具體代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>QQ Eamil</title>

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>

<span class="pas">賬號密碼登錄</span>

</div>

<input type="checkbox" class="bnext"/><span class="tnext">下次自動登錄</span>

</div>

<span>注冊新賬戶|</span>

</div>

</body>

</html>

效果圖如下：

導航:首頁 > APP軟體 > qq郵箱郵件代碼大全

qq郵箱郵件代碼大全

與qq郵箱郵件代碼大全相關的資料

友情鏈接