DIV教程之css制造表单效果

只看该作者 · 发表于 2015-1-16 00:07:33

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

当遇到几个选择器共享一个声明的时候，可以分组放在一起，每个选择器必须以逗号隔开。例：h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全，分组结尾不能有逗号。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>by阿会楠2008-12-4</title><scriptlanguage="javascript"type="text/javascript">//js帮助window.onload=function(){varinitleft=200;//初始化第一个定位varlis=document.getElementById("menu").getElementsByTagName("li");for(vari=0;i<lis.length;i++){lis[i].style.left=initleft+i*100+"px";}}</script><styletype="text/CSS">*{font-size:12px;padding:0;margin:0;}body{text-align:center;}#reg{margin:0auto;width:600px;background:#cccccc;height:500px;}h6{background:black;height:28px;color:white;text-align:left;line-height:28px;padding-left:3px;}#menu{height:30px;text-align:left;padding-top:15px;padding-left:10px;overflow:hidden;}li{list-style-type:none;}#menuli{float:left;color:green;height:30px;padding:05px;line-height:30px;margin-left:20px;position:absolute;}.current{border:1pxsolidblue;border-bottom:0;background:white;}#content{border:1pxsolidblue;height:400px;margin:8px;margin-top:0;background:white;padding:10px;}#contentdl{border-top:1pxsolid#ccc;border-left:1pxsolid#ccc;width:560px;height:116px;}#contentdldd,#contentdldt{border-right:1pxsolid#cccccc;border-bottom:1pxsolid#cccccc;height:28px;}#contentdldt{width:200px;float:left;text-align:right;padding-right:3px;background:#F0F0F0;line-height:28px;}#contentdldd{width:352px;float:left;text-align:left;padding-left:3px;}/*兼容ie6.0*/#contentdldddiv{padding-top:3px;}</style></head><body><divid="reg"><h6>接待您注册玩具购会员！</h6><divid="menubox"><ulid="menu"><listyle="left:200px;">确认服务条目</li><liclass="current"style="left:300px;">选择用户名</li><listyle="left:400px;">选择用户范例</li><listyle="left:500px;">填写具体材料</li></ul></div><divid="content"><form><dl><dt>用户名</dt><dd><div><inputtype="text"/></div></dd><dt>暗码</dt><dd><div><inputtype="text"/></div></dd><dt>确认暗码</dt><dd><div><inputtype="text"/></div></dd><dt></dt><dd><inputtype="button"value="注册"/></dd></dl></form></div></div></body></html>

提醒：您能够先修正部分代码再运转，复制代码和保留代码功效在Firefox下有效。
主笔:破洛洛http://www.poluoluo.com

在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识。

只看该作者 · 发表于 2015-3-22 18:19:20

滚动条)层属性--溢出(visible/hidden/scroll/auto)

仓酷云 · 发表于 2015-3-15 23:54:52

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

只看该作者 · 发表于 2015-3-8 11:53:39

俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

只看该作者 · 发表于 2015-2-26 03:03:40

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

只看该作者 · 发表于 2015-2-8 20:01:15

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

只看该作者 · 发表于 2015-2-2 22:38:09

每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

只看该作者 · 发表于 2015-1-25 15:02:35

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

只看该作者 · 发表于 2015-1-18 05:15:35

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

只看该作者 · 发表于 2015-1-18 05:15:35

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

只看该作者 · 发表于 2015-1-18 05:15:35

由CS4版本开始，则转用WebKit排版引擎（亦即GoogleChrome和AppleSafari浏览器所用的排版引擎）作为网页预览。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] DIV教程之css制造表单效果

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子