如何用html5+ css div制作一个简单的登录界面

html-css013

如何用html5+ css div制作一个简单的登录界面,第1张

1、按照正常的思路,布局就是div布局,写一个固定下来,作为模板,在每次获取数据的时候使用功能代码绑定数据到布局上面,自动生成页面内容就可以了。

拆分出单个模板来,很明显每项都是一样的

就这个样式写div+css不会吗?

两层div 的嵌套,里面布局排文本标签,image标签就可以了,绑定id填数据,或者遍历填数据。

简单布局是一种,再就是

这种

<div class="box" style="width:200pxoverflow:hiddenline-height:24pxfont-size:12pxtext-align:centerclear:both">

<input type="text" style="width:120pxheight:24pxborder:1px solid #ccccccfloat:leftmargin:4px 0" value="USER ID"/>

<!--type是设置input的类型,text,是单行文本,button是按钮,style,是设置input的属性依次为:宽度,高度,描边(线宽,模式,颜色),浮动(左边),跟周边距离(上下4px,左右0),框里默认字符-->

<input type="button" style="width:60pxheight:50pxmargin:4pxfloat:rightdisplay:inline" value="login" />

<input type="text" style="width:120pxheight:24pxborder:1px solid #ccccccfloat:left" value="PASSWORD" />

</div>

用dreamweaver建一个HTML文本,然后复制这段,到<body></body>里,这么详细,你不能不给我分!!