HTML/CSS. 如何创建纵向和横向菜单?

本教程将帮助您创建纵向和横向菜单 HTML 使用CSS样式. 在继续之前，请确保您了解标签 HTML 从无序列表. 另外，请参考教程。 如何创建HTML菜单?.

好吧，首先我们必须创建一个菜单。 HTML 使用无序列表:

Home
About
Services
Partners
Contacts

然后创建一个新的CSS文件并将其附加到页面。 HTML:

Asegúrese de poner el código CSS en la etiqueta de su página html.

您也可以使用内联样式。.

因此，您应该得到以下代码: HTML:

	





	
Home
	
About
	
Services
	
Partners
	
Contacts




Gambling-platform-website-complete-marketing@patroldog.net
清扬
ag体育
龙川在线
sitbo-careers@ngleyuan.com
Sun-City-Entertainment-careers@kingshallseattle.com
Casino-platform-help@otsuka-akane.net
Gaming-platform-recommendation-contactus@otsuka-akane.net
正规博彩平台
彩票平台

湖南人事考试网
 快递人人才网
壁纸岛
沈阳租房网
尚高卫浴
甘肃农业大学教务处
宣城房产网
指尖官网
骑盟网
新安房产网淮北资讯中心
高压清洗机
易成新能
脚丫旅游网

中华起名网
黄河新闻网
浙江预约挂号官网
天津国旅官网
兴国在线

无序列表有自己的风格, 因此，没有任何额外的更改，您将得到一个垂直菜单.

要获得水平菜单，您需要在 HTML y CSS.

En primer lugar hay que añadir un nuevo clase a la lista, reemplace

con

现在在CSS文件中，我们将创建水平菜单。. 无序列表具有默认分配的边距和填充值。. 我们必须清理它们:

ul.horizontal{
margin:0;
padding:0;
}

然后进行更改，使您的列表项水平显示:

ul.horizontal li{
display:block;
float:left;
padding: 0 10px;
}

我们为列表中的项目添加了Padding值，这样它们就不会粘在一起了。. 现在你的菜单准备好了，分配链接，添加一些颜色和背景，就这样。.