网站中导航栏的设计

        在我们平时做项目设计网站的时候,常常需要做导航栏的设计,而基本的导航栏的设计都是遵循了一定的模板的,如图所示:因此本文就介绍一下导航栏设计的注意事项以及一些小的技巧。

网站中导航栏的设计_第1张图片

         首先上图这个导航栏应该算是较为复杂的一种,因为它的功能按钮都是放在了靠右的位置,因此我们肯定是想着写一个div标签将其放着,并且最好均为超链接,为了制作版心方便代码的调用,我们将写一个名为wrapper的标签,高度未给出,只给出了宽度和水平居中,这也是为了方便以后调用,将其抽象出来,同理我们又写了一个名为search的大盒子,设置高度为52px,宽度由浏览器自定义。且我们并未将a标签展现为行内块标签,否则其border长度将变为52px,在以后我们做导航栏一般都是用li标签包裹a标签。




    
    
    
    
    
    
    Document
    


    

你可能感兴趣的:(html5,标签,CSS,html,css,前端)