当我们使用html制作网站时,网站头部的横向导航菜单通常是必不可少的。很多刚接触html的朋友可能对如何创建横向菜单有些疑惑,比如如何设置CSS样式来达到自己想要的效果。接下来我给大家简单介绍一下。
使用ul标记来编写将用于创建导航菜单的主题内容,并使用一个标记来为每个导航列设置相应的链接地址(我在这里使用“#”而不是链接地址)。的详细代码如下图所示。
为第一步中编写的主要内容设置CSS样式。详细的CSS样式如下图所示:
将整个代码保存在。html '或'。htm '文档格式,并用浏览器打开它。
特别提示
确保在标签中声明文档的编码格式,否则用浏览器打开后可能会出现乱码。
注意quotliquot设置“display:inline ”,使菜单显示为水平菜单。
注意为导航条设置水平居中和垂直居中。