为了账号安全,请及时绑定邮箱和手机立即绑定

HTML登录页面

标签:
Html/CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style>

#demo{ width:90%;height:300px;background-image:url(1.jpg);margin-top:100px; margin:0 auto;}

p{ font-size:30px;text-align:center;color:#FFF;padding-top:60px; line-height:6px;}

.ce{margin:0 auto;}

.de{border:1px solid white; border-radius:3px; background-color:rgba(255,255,255,0.2);margin-left:504px; width:200px;height:30px; margin-bottom:10px; color:#FFF;}

</style>

</head>


<body>

<div id="demo">

<p>Welcome</p>

<form action="" class="ce"> 

<input type="text" value="Username"  class="de"><br/>

<input type="text" value="Password"  class="de"><br/>

<input type="text" value="Login"  class="de">

</form>

</div>

</body>

</html>



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消