这是多少年前的menu了,太古老了,目前比较流行的格式是
<div id="menu">
<ul>
<li>
<a href="#">第1层</a>
<ul>
<li><a href="#">第2层</a></li>
<li><a href="#">第2层</a></li>
</ul>
</li>
<li><a href="#">第1层</a></li>
</ul>
</div>
还是用这个吧,seo更为友好,更容易理解, 数据(html)与表现(css)分离。
如何控制css让三个标签横排显示或者三个以上的标签横排,其实都是一样的,下面演示一下,通过控制li标签实现横排显示;
1、打开所需测试的软件,创建一个新的html
2、写入要实现效果的代码:
3、利用css来控制横排展示;
4、展示的效果为:
详解css:主要是控制li标签的靠左浮动:float:left;当然,展示在一排,靠右浮动也是可以的,list-style-type:none意思是:去除图2展示的前面的点;至于margi-right:20px;让li标签与右侧外边距离为20px