Div和CSS如何使用列表制作表单
本篇内容介绍了"Div和CSS如何使用列表制作表单"的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！
Div+CSS布局入门教程之使用列表制作菜单
开始此节的学习前，请确认你已经参照之前的几节内容写入了DIV+CSS到index.htm和css.css文件中。
这一节我将告诉大家如何用列表来制作菜单。
- 首页a>li>
- 博客a>li>
- 设计a>li>
- 相册a>li>
- 论坛a>li>
- 关于a>li> ul> div>
以上是这部分的结构，有关于这两个HTML元素大家自己去参考相关的内容吧，它们最主要的作用就是在HTML中以列表的形式来显示一些信息。
还有一点需要大家一定要分清楚的，当在HTML中定义为id="divID"时，在CSS对应的设置语法则是#divID{} ，如果在HTML中定义为class="divID"时，则在CSS中对应的设置语法是.divID。
如果id="divID"这个层中包括了一个
这时，列表内容是排列在一行，我们在#menu ul li {}再加入代码margin:0 10px
#menu ul {list-style:none;margin:0px;} #menu ul li {float:left;margin:0 10px}margin:0 10px的作用就是让列表内容之间产生一个20像素的距离(左：10px，右：10px)，预览的效果如下：
◆现在，雏形已经出来了，我们再来固定菜单的位置，把代码改成如下：
#menu {padding:20px 20px 0 0} /*利用padding:20px 20px 0 0来固定菜单位置*/ #menu ul {float:right;list-style:none;margin:0px;} /*添加了float:right使得菜单位于页面右侧*/ #menu ul li {float:left;margin:0 10px}这时，位置已经确定了，可是构思图中，菜单选项之间还有一条竖线，怎么办呢？
别忘了，我们早就已经留好了一个空的，要想加入竖线就使用它了。
按照上面说的方法，我们再添加以下代码：.menuDiv {width:1px;height:28px;background:#999}
保存预览一下，竖线是否已经出来了？关于这段代码就不多讲了，应该是很容易理解的。不过，菜单选项的文字却在顶部，我们再修改成以下代码：
#menu ul li {float:left;margin:0 10px;display:block;line-height:28px}关于display:block;line-height:28px大家可以去参阅一下手册，我就不多讲了。
◆效果基本上已经实现了，剩下的就是修改菜单的超链接样式，在css.css中添加以下代码：
#menu ul li a:link,#menu ul li a:visited {font-weight:bold;color:#666} #menu ul li a:hover{}这个也不多说了，没什么好说的了，***的效果如下：
"Div和CSS如何使用列表制作表单"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站，小编将为大家输出更多高质量的实用文章！
菜单 代码 内容 制作 位置 就是 效果 竖线 表单 之间 作用 更多 知识 学习 好说 实用 学有所成 接下来 没什么 一行 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 软件开发实训里网站配置信息 沈阳创世纪网络技术 数据库民航售票管理 詊算机网络技术 进销存管理系统数据库设计目的 皓喆网络技术服务有限公司 上海视频安防软件开发哪家好 网络安全竞赛初选题 网络安全截获属于被动攻击的是 数据库如何查看数据字典 打开数据库的指令是什么原因 数据库韩束 合肥电商平台软件开发公司 阿里腾讯的网络安全 俄服失落的方舟无法连接服务器 三大数据库之间的转账 网络安全专家库的作用 服务器模块风扇拆卸 更新数据库表数据的查询代码 女生可以学软件开发嘛 关闭网络安全模式 网络安全员VS支付宝 mfc登录数据库 服务器布置着陆页 鼓楼区方便软件开发 海外服务器代理服务器 高青专业软件开发咨询 本地数据库更新excel 黄服务器网站 易语言取出数据库最新的数据
