html菜单的基本制作

前面写过一点网页菜单的博文;下面再复习一些技术要点;





无标题文档







先只看外观静态部分;

html菜单通常是用 ul-li 元素来制作,然后在li元素里面再包含 a 元素;这是最基本的构成;然后再用css来修饰;

上面代码,如果去掉 里面的内容;则显示如下;

html菜单的基本制作_第1张图片

为了形成横条菜单,需要设置几个基本属性;

ul要设置list-style-type: none; 如果设置ul的背景色,就设置了整个菜单区域的背景色;

然后设置li的float: left;  li 向左浮动;向左浮动之后,li就不是每个li占一行,一个跟一个,都在一行里;

然后为了使得a元素有菜单的效果,一般都设置a元素的 display: block;

基本菜单效果如下;

html菜单的基本制作_第2张图片 

你可能感兴趣的:(web前端,html,前端,html菜单)