html表单实例：登录页面

1
2 3 4 5 6

7 body{8 margin: 0px;9 padding: 0px;10}11 #div-big{12 width: 1100px;13 height: 600px;14 background-p_w_picpath: url(./1.jpg);1516 /*background-repeat:设置或检索对象的背景图像如何铺排填充*/17 background-repeat:round; /*round:背景图像自动缩放直到适应且填充满整个容 18 器* /1920 /*background-position：设置或检索对象的背景图像位置*/21 background-position:center; /*center:背景图像横向和纵向居中*/2223 /*background-size:检索或设置对象的背景图像的尺寸大小*/24 background-size: contain; /*contain:将背景图像等比缩放到宽度或高度与容25 器的宽度或高度相等，背景图像始终被包含在26 容器内*/2728 /*opacity:检索或设置对象的不透明度*/29 opacity: .5; /*.5:不透明度为50%*/30 margin: 0 auto;31 }32#register{33width: 500px;34height: 100px;35margin: 0 auto;36text-align: center; /*文字左右居中*/37line-height: 120px; /*文字垂直居中免费云主机域名*/38font-weight: bolder; /*文字粗细：比粗体更粗*/39font-size: 60px; /*文字大小*/40color: #ff0000; /*文字颜色：红色*/41font-family:SimHei ; /*文字样式：黑体*/42}43#name{44width: 400px;45height: 60px;46margin: 0 auto;47font-size: 20px;48text-align: center;49line-height: 60px;50margin-top: 30px;51margin-bottom: 30px;5253}54#name-input{55width: 400px;56height: 60px;57margin: 0 auto;58font-size: 40px;59line-height: 60px;60font-family:”SimHei”;61border-width: thick; /*设置或检索对象边框宽度：定义比默认厚度粗 62 的边框。计算值为5px */63border-style: dashed; /*设置或检索对象边框样式：虚线轮廓 */64border-color: red; /*设置或检索对象边框颜色：红色 */65border-bottom-style: solid; /*设置或检索对象底边样式：实线轮廓 */66border-bottom-width: 7px; /*设置或检索对象底边宽度*/67border-top-right-radius: 10px; /*设置或检索对象右上角圆角边框*/68border-top-left-radius: 10px; /*设置或检索对象左上角圆角边框 */69border-left-style:outset; /*设置或检索对象左边样式：3D凸边轮廓*/70border-right-style:inset;/*设置或检索对象右边样式：3D凹边轮廓 */71 }72#e-mail{73width: 400px;74height: 60px;75margin: 0 auto;76margin-top: 30px;77margin-bottom: 30px;78}79#e-mail-input{80width: 400px;81height: 40px;82margin: 0 auto;83font-size: 30px;84line-height: 40px;85font-family: arial;86margin-top: 10px;87}88#password{89width: 400px;90height: 60px;91margin: 0 auto;92margin-top: 30px;93margin-bottom: 30px;94}95#password-input{96width: 400px;97height: 40px;98margin: 0 auto;99font-size: 30px;100line-height: 40px;101font-family: arial;102margin-top: 8px;103}104#submit{105width: 400px;106height: 60px;107margin: 0 auto;108margin-top: 40px;109margin-bottom: 30px;110}112#submit-input{113width: 100px;114height: 40px;115margin: 0 auto;116font-size: 25px;117line-height: 40px;118font-family:”黑体”;119text-align: center;120float: right;121margin-right:150px;123margin-top: 10px;124}125126 127 128129130用户登录131132 133134136137138139140142143144145146147 value=”” placeholder=”请输入密码”>148149150151152153 value=”登录” >154155156157 158

相关推荐: IP端口扫描工具

可以实现多IP，多端口扫免费云主机域名描功能相关推荐: 网络分流器｜高速骨干网流量采集与分流实现网络分流器｜高速骨干网流量采集与分流实现方案1 流量采集｜网络分流器所谓流量采集，就是将网络流量通过物理层、数据链路层的信号解析和解帧，实现IP原始报文的获取。骨干…