css怎么制作一个登录页面

html-css018

css怎么制作一个登录页面,第1张

CSS+HTML可以制作一个登录静态页面,做不了动态页面。

表单代码:

<form name="form" method="POST" action="">

<input type="text" value="用户名" />

<input type="password" value="密码" />

<input type="submit" name="button" value="登录" class="xiaoka_tj"/>

</form>

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

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

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

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

简单布局是一种,再就是

这种

“CSS 样式”面板使用“CSS 样式”面板可以跟踪影响当前所选页面元素的 CSS 规则和属性(“当前”模式),或影响整个文档的规则和属性(“所有”模式)。使用“CSS 样式”面板顶部的切换按钮可以在两种模式之间切换。使用“CSS 样式”面板还可以在“所有”和“当前”模式下修改 CSS 属性。可以通过拖放窗格之间的边框来调整任一窗格的大小。在“当前”模式下,“CSS 样式”面板显示三个窗格:“所选内容的摘要”窗格,其中显示文档中当前所选内容的 CSS 属性;“规则”窗格,其中显示所选属性的位置(或所选标签的规则的层叠,具体取决于您的选择);以及“属性”窗格,它允许您编辑用于定义所选内容的规则的 CSS 属性。在“所有”模式下,“CSS 样式”面板显示两个窗格:“所有规则”窗格(顶部)和“属性”窗格(底部)。“所有规则”窗格显示当前文档中定义的规则以及附加到当前文档的样式表中定义的所有规则的列表。使用“属性”窗格可以编辑“所有规则”窗格中任何所选规则的 CSS 属性。对“属性”窗格所做的任何更改都将立即应用,这使您可以在操作的同时预览效果。