html嵌入邮箱登录代码（html邮箱登录界面代码）

今天给各位分享html嵌入邮箱登录代码的知识，其中也会对html邮箱登录界面代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、用HTML代码编一个邮箱登陆界面？
• 2、html网页设计：一个简单的登录界面代码！
• 3、HTML网页设计：一个简单的登录界面可以连接到数据库记录的代码
• 4、哪位大神有漂亮的QQ邮箱html代码
• 5、怎么在QQ邮箱中嵌入HTML代码

用HTML代码编一个邮箱登陆界面？

html

body

center

table background="354.gif" width="400px" height="300px" border="0px"

tr align="center"

td rowspan="2"帐号/td

td rowspan="2" input type="text" name="username"/td

/tr

tr

/tr

tr align="center"

td rowspan="2"密码/td

td rowspan="2" input type="password" name="password"/td

/tr

tr

/tr

tr align="center"

td rowspan="2"input type="submit" value="登录"/td

td rowspan="2"input type="reset" value="重新填写"/td

/tr

tr

/tr

tr align="center"

tda href="*"找回密码/a/td

tda href="*"注册用户/a/td

/tr

/table

/center

/body

/html

html网页设计：一个简单的登录界面代码！

!doctype html

html

head

meta charset="utf-8"

link href="main.css" type="text/css" rel="stylesheet"

title登陆界面/title

/head

body

div class="login_ico"

img src="images/login_ico.png"

/div

div class="login_putin"

ul

liinput type="text" /li

liinput type="password" /li

/ul

/div

div class="login_btn"

input type="submit" value="登陆"

/div

/body

/html

样式 ：

*{

margin:0;

padding:0;}

li{

list-style-type:none;

margin:0;

padding:0;}

a{

text-decoration:none;

color:#000;}

/*---------------------按钮-----------------------------*/

.login_putin ul li input{

margin: 0;

width:70%;

padding: 1em 2em 1em 5.4em;

-webkit-border-radius:.3em;

-moz-border-radius: .3em;

border: 1px solid #999;

}

.login_btn{

width:300px;

margin:40px auto 0 auto;

}

.login_btn input{

width:100%;

margin:0;

padding:.5em 0;

-webkit-border-radius:.3em;

-moz-border-radius: .3em;

border:#1263be solid 1px;

background:#1b85fd;

color:#FFF;

font-size:17px;

font-weight:bolder;

letter-spacing:1em;

}

.login_btn input:hover{

background:#1263be;

}

HTML网页设计：一个简单的登录界面可以连接到数据库记录的代码

如下参考：

1.首先，在您的计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。

2.然后用记事本双击打开文本文档，如下图所示，然后编写一个简单的HTML代码。

3.点击“另存为”功能选项，显示默认的“另存为”代码为ANSI。

4.我们将把编码和文件名更改回图中所示的图像并保存它。

5.然后回到新创建的文件夹，找到一个额外的HTML文件。

6.最后，使用浏览器打开HTML文件。结果如图所示。

哪位大神有漂亮的QQ邮箱html代码

具体代码如下：

!DOCTYPE html

html

head

meta charset="utf-8" /

titleQQ 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邮箱中嵌入HTML代码

你是说的写信吗

直接发信 点右上角的 文本格式

再点 html 就可以了

关于html嵌入邮箱登录代码和html邮箱登录界面代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。