Html制作简单而漂亮的登录页面

发布时间：2020-03-19 03:36 所属栏目：116 来源：站长网

导读：副标题#e# html源码： XML/HTML Code复制内容到剪贴板 !DOCTYPEhtml htmllang=en head metacharset=UTF-8 titleLogin/title linkrel=stylesheettype=text/csshref=Login.css/ /head body divid=login h1Login/h1 formmethod=post inputtype=textrequired=re

Html制作简单而漂亮的登录页面

html源码：

XML/HTML Code复制内容到剪贴板

<!DOCTYPE html>

<head>

<title>Login</title>

</head>

<body>

<h1>Login</h1>

</form>

</div>

</body>

</html>

css代码：

CSS Code复制内容到剪贴板

html{

width: 100%;

height: 100%;

overflow: hidden;

font-style: sans-serif;

}

body{

width: 100%;

height: 100%;

font-family: 'Open Sans',sans-serif;

margin: 0;

background-color: #4A374A;

}

#login{

position: absolute;

top: 50%;

left:50%;

margin: -150px 0 0 -150px;

width: 300px;

height: 300px;

}

#login h1{

color: #fff;

text-shadow:0 0 10px;

letter-spacing: 1px;

text-align: center;

}

h1{

font-size: 2em;

margin: 0.67em 0;

}

input{

width: 278px;

height: 18px;

margin-bottom: 10px;

outline: none;

padding: 10px;

font-size: 13px;

color: #fff;

text-shadow:1px 1px 1px;

（编辑：ASP站长网）