垂直CSS菜单：做自己

一些网站管理员不想花时间从已经存在的划痕简单元素发展。 他们认为，存在浪费时间的东西，早已有没有意义。 事实上，对于那些谁只是掌握HTML和CSS，它使自己很多事情有自己的工作有很好的了解是很重要的。 这适用于菜单。 创建垂直CSS菜单。 将仅基于HTML和CSS，而不使用JavaScript和JQuery的。 每个菜单是导致该网站的网页的链接列表。

基本步骤

要创建一个简单的 垂直菜单 的CSS，你需要进行如下操作：

1.首先，确定的链接（使用HTML代码），其中所述菜单将是一个列表。 给他们一个名称，例如，如下：

1. 首页。
2. 我们的历史。
3. 引导。
4. 服务。
5. 联系方式。

2.然后链接的样式，你想用CSS的帮助。

我们编写 HTML代码， 请my_Vmenu.html文件，看看它是如何会看在浏览器中：

这是我们的菜单的基础（骨架）。 ＃1，＃2等。 应通过引用来替代。 看看它的外观在浏览器中。 你不会喜欢的图片。 现在我们必须开始描述的风格元素，构成一个完整的垂直CSS菜单。

说明风格

创建一个文件my_Vmenu.css，其中规定要提高网站的这样一个重要元素的外观一切。 下面是代码，它的推出将重振垂直CSS菜单。 它并写入新文件，然后我们就来仔细看看被给予了主线的含义。

具体实施方式使用的样式表

现在考虑我们的CSS垂直菜单的详细信息：

列表样式类型，您可以删除标记的列表。 “0”设置为margin和padding删除列表中的微胖。 由于可以从HTML代码中可以看出，我们的菜单列表，和样式使用CSS定义。

UL＃my_Vmenu - 整个列表的整体风格。

UL＃my_Vmenu李一 - 标签L1之间链接样式。

UL＃my_Vmenu李一：悬停 - 正在审议中的菜单项类型中的一个时，将鼠标悬停在人时间的描述。

UL＃my_Vmenu李跨度 - 文字说明（标题菜单）。

请记住，文件my_Vmenu.css my_Vmenu.html，必须在同一目录下保存。 然而，它们可能位于不同的文件夹，但随后在my_Vmenu.html文件路径my_Vmenu.css注册，是很重要的。 要小心，因为初来乍到这个问题经常。

风格必须连接一个html文件的head标签之间。 menu_1.png和menu_2.png - 这是在正常状态和悬停图片菜单项的图片。

这是更好的图像在一个单独的文件夹保存图像，将其命名my_images，但随后调整CSS代码。 写到哪这些图像显示，它们在此目录中：URL（my_images / menu_1.png）和URL（my_images / menu_2.png）。

在CSS代码中描述的性质的休息，容易理解。 它们定义我们的菜单的外观。 这是很容易发现项目的宽度和高度在正常状态下一样指定的项目，当你将鼠标悬停在他们。 字体大小 18像素，填充指定从地名的不同侧面压痕。 显示允许设置显示单元设置宽度和填充。

我们的垂直菜单

正如你所看到的，垂直CSS菜单轻松地创建。 在知识的数据的基础上，你将能够创造幸福和游客到您的网站有吸引力！ 用你的想象力，然后一个时尚的菜单，以配合您的网站。