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安全错误 数据库的锁怎样保障安全 上海挚品互联网科技有限公司 有格互联网科技 湖南永感互联网科技有限公司 科技互联网政务服务 疫情对互联网科技公司影响 科技类互联网 互联网 科技创新 互联网科技媒体 小马过河互联网科技 友谊互联网络科技 金融科技和互联网金融 太原新华互联网科技学校怎么样 互联网公司会议桌创意科技软装饰 青海省互联网新科技 富国互联网科技创新基金 互联网保险科技创业 图游互联网科技 科技互联网经济论坛 现代互联网科技公司 互联网科技创新方面的资料 涨乐互联网科技 互联网最新的科技有限公司 昊天互联网科技有限公司 互联网科技扶贫时间 浙南科技城互联网大厦建设工程 保险科技服务互联网营销体系 保山互联网科技靠谱吗 河南商务圈互联网科技有限公司 上海旺乐尼互联网科技有限公司 伍佰万互联网科技是干嘛的
