1、上节,我们讲述了div缝隙的定义,那么导航栏怎么来定义呢?今天小编就跟大家说一下。
2、我们烂瘀佐栾这次的定义,当然应该在 <div id="header_b">下方定义,因为是子逗垅型巢集关系,定义代码为: <div class="menu">首页</div>
3、当然,导航不可能一个,所以我们输入:<div class="menu">首页</div> <div class="menu">电影</div> <div class="menu">图片</div> <div class="menu">影评</div>
4、当然,我们这些应该继续在css中定义,因为他也是样式的一种,但是,定义方式发生了改变。不用#了,而应该用.代码:.menu{width:200px;height:20px;background-color:#63F;float:left}
5、那么新的问题出现了,我们设置的导航页,既没有居中对齐,而且最后还空出来了底色,并不美观。
6、那么,应该如何将它修改呢。文字居中的代码为:text-align:center
7、然后,我们用代码:margin-left:2px可以让导航栏出现2像素的小缝隙,以便美观和观察。
8、预览一下: