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安全错误 数据库的锁怎样保障安全 谷歌注册账号服务器通信出现问题 我想看网络安全手抄报图片 图强林业局网络安全 互联网公司科技创新榜单 计算机网络技术就业很惨 数据库系统工程师证书好处 软件开发安装包界面设计 数据网络安全设计案例 下载软件开发者被抓 完美单机数据库 mysql用命令删除数据库 软件开发数组什么时候用 公安视频网络安全自查报告 毒物数据库字段设计 江汉网络技术 游戏软件开发大脑简笔画 福州财务软件开发多少钱 公司内部服务器多大 湛江金融软件开发方案 网络技术的实体 mysql数据库如何互通 获取图片路径并存入数据库 鹏云网络技术怎么样 环保与网络安全 如何修改软件开发成本 保定为云网络技术 icloud无法连接服务器 数据库广东海洋大学 软件开发团队的绩效制定 北京乐逛网络技术有限公司
