欢迎访问广东华体会体育app叉车设备有限公司官网!

广东华体会体育app叉车设备有限公司

广东华体会体育app叉车设备有限公司

—— 持续领航 品牌经营 ——

全国服务热线

0991-50571593
19356328915
搜索关键词:  产品样品  搬运坦克车

HTML+CSS网页设计 会员账号登录结构样式

来源:华体会app下载   发布时间:2021-05-21 00:21nbsp;  点击量:

本文摘要:大家好,本篇文章分享会员账号登录的结构样式。效果图:会员账号登录结构样式HTML代码:div class="tpt-1446"div class="tpt-wp"div class="tpt-left"img src="3.jpg"/divdiv class="tpt-right"div class="tpt-form"h3账号登录/h3p用户登录乐成后,该用户帐号和密码由用户卖力保管,用户须保证登录信息的真实性、正当性、有效性。

华体会app下载

华体会体育app

大家好,本篇文章分享会员账号登录的结构样式。效果图:会员账号登录结构样式HTML代码:<div class="tpt-1446"><div class="tpt-wp"><div class="tpt-left"><img src="3.jpg"></div><div class="tpt-right"><div class="tpt-form"><h3>账号登录</h3><p>用户登录乐成后,该用户帐号和密码由用户卖力保管,用户须保证登录信息的真实性、正当性、有效性。</p><form><input type="text" name="name" placeholder="登录账号" autocomplete="off"><input type="password" name="password" placeholder="登录密码" autocomplete="off"><p>使用<span> 账号登录</span>,即代表同意《用户登录协议》。</p><button>立刻登录</button></form></div></div></div></div>CSS代码分析:使用flex水平垂直居中.tpt-1446 { display: flex; align-items: center; justify-content: center; height: 100vh}使用flex结构,牢固高度和宽度.tpt-wp { display: flex; width: 900px; height: 600px}分为左右结构,左边设置图片,右边使用flex水平垂直居中.tpt-left { width: 400px}.tpt-right { display: flex; align-items: center; justify-content: center; background: #fff; width: 500px}设置表单的标题简介的字体颜色,字体巨细和行高.tpt-form h3 { color: #79b8c1; font-size: 34px; line-height: 44px; font-weight: 400; margin-bottom: 20px}.tpt-form p { color: #999; font-size: 12px; line-height: 20px; margin-bottom: 20px}设置表单文本输入框的样式.tpt-form input { box-sizing: border-box; width: 100%; height: 38px; line-height: 38px; padding: 0 10px; background: #fff; border: 1px solid #eee; color: #333; font-size: 14px; border-radius: 2px; margin-bottom: 20px}设置表单提交按钮的样式.tpt-form button { width: 100%; height: 38px; line-height: 38px; background: #79b8c1; border: 0; color: #fff; font-size: 14px; border-radius: 2px; cursor: pointer}注:以上部门CSS代码只是资助大家分析结构,是需要清除所有标签的默认样式。

有问题可以留言,大家一起学习HTML+CSS网页设计。

华体会app下载


本文关键词:华体会体育app,HTML+CSS,网页设计,会员,账号,登录,结构,样式

本文来源:华体会体育app-www.trzgd.com

微信二维码 微信二维码
联系我们

电话:0991-50571593
手机:19356328915
Q Q:129735898
邮箱:admin@trzgd.com
联系地址:辽宁省朝阳市忻城县支赛大楼70号

Copyright © 2000-2021 www.trzgd.com. 华体会体育app科技 版权所有

备案号:ICP备35435012号-2