网页布局二之下拉菜单

这篇博客讲述了如何创建带有子菜单的下拉菜单。主要利用div、ul和li标签进行布局,其中ul作为li的父级容器,用于包含子菜单。通过简单的JS脚本可以增强显示效果。
摘要由CSDN通过智能技术生成

    今天下午,我主要做了下拉菜单栏的编写。

    在做带子菜单的下拉菜单栏时,整体布局还是使用div标签,在div中最主要使用的就还只剩下两个标签,那就是<ul>(unordered lists)无须列表标签和<li>(lists)列表标签。

    而<ul>是<li>的父标签,因此子菜单的<list>一定要写在父标签<ul>中。如源码:

<!--第一栏 -->
<li id="nav_index"><a href="/">首页</a></li>

<!--第二栏 -->
<li><a href="#">Css专栏</a>
<ul>
<li><a href="#">Css基础</a></li>
<li><a href="#">Css常用代码</a></li>
<li><a href="#">Css高级技术</a></li>
</ul>
</li>

    在写完html代码之后,就要对页面的显示进行样式的修饰了。所以,接下来就要写CSS代码了,在这里CSS代码就不多做说明了,因为我也理解的不是很深入,就直接引如源码,例如:

#nav ul li a{
	letter-spacing:1px;
	text-align
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值