#留言板（一）#登录界面

最新推荐文章于 2021-12-12 16:08:49 发布

vircorns

最新推荐文章于 2021-12-12 16:08:49 发布

阅读量788

点赞数

分类专栏： # 留言板

本文链接：https://blog.csdn.net/weixin_43476037/article/details/98968805

版权

留言板专栏收录该内容

8 篇文章 1 订阅

订阅专栏

预览

在这里插入图片描述

html代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登录界面</title>
<link rel="stylesheet" href="login.css">
</head>
<body>
   <div class="login">
      <h1>Welcome back!</h1>
      <form action="login.php" method="post">
          <input type="text" placeholder="Please enter your name" name="username" id="username">
          <input type="text" placeholder="Please enter your password" name="password" id="password">
          <button class="button" type="submit">Login in</button>
          <p class="change_link" align="center">
            <span class="text">Not a member yet?</span>
            <a href="../register/register.html" class="to_register">Go and sign up</a>
      </form>
   </div>  
     
</body>
</html>

css代码部分

@charset "utf-8";
/* CSS Document */
html{
	margin-left:auto;
	margin-right:auto;
	max-width:500px;
	background:#D2E9FF;
	padding:20px 20px 20px 20px;
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
}
.login{
	position:absolute;
	top: 50%;
	left:50%;
	margin: -150px 0 0 -150px;
	width:300px;
	height:300px;
}
.login h1{
	color:#666;
	text-show: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:#666;
	text-shadow:1px 1px 1px;
	border-top:1px splid#312E3D
	border-left: 1px solid #312E3D;   
	border-right: 1px solid #312E3D;         
	border-bottom: 1px solid #56536A;
	border-radius:4px;
}
.button{
	width:300px;
	min-hight:20px;
	display:block;
	background-color:#66c1e4;
	border:1px soild#3762bc;
	color:#000;
	padding:9px 14px;
	font-size:15px;
	line-height:normal;
	border-radius:5px;
	margin:0;
}
.to_login{
	color:#06F
}
.text{
	color:#666;
}

vircorns

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
#留言板（一）#登录界面

预览html代码<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>登录界面</title><link rel="styl...
复制链接

扫一扫