html5导航栏灰色 html5导航栏代码

PS按钮制作基础教程之制作灰色质感导航栏

另外按钮以水质质感为主，需要用图层样式控制好光感。最终效果新建一个大小适当的文档，背景填充灰色。新建图层，选择“椭圆”工具进行绘制。为“形状 1”添加图层样式“投影”效果。

成都创新互联为您提适合企业的网站设计让您的网站在搜索引擎具有高度排名，让您的网站具备超强的网络竞争力！结合企业自身，进行网站设计及把握，最后结合企业文化和具体宗旨等，才能创作出一份性化解决方案。从网站策划到网站制作、成都网站制作，我们的网页设计师为您提供的解决方案。

制作过程比较简单：先用图形工具制作出按钮的形状，然后加上一些简单的图像样式做底色。然后再加上高光及文字等即可完成效果。最终效果打开photoshop，然后新建一个文档250*150，并填充背影：#252a38。

打开PS，新建1个图层。在新建图层1里，用【自定形状工具】画出一个灰色的方块形并选中。点击【通道面板】，选择【将选区储存为通道】按钮，多了1个“Alpha 1通道。鼠标点击选中“Alpha 1通道。

打开PS，新建一文件，大小设置为“200*800”，背景色设为“透明”。选择“工具栏”中的“圆角矩形工具”项，并设置合适的“半径”（如20像素），然后在绘图区域进行绘制，可以通过按键盘组合键“Ctrl+T”对其进行调整。

ps菜单设计教程教程：新建文件，使用矩形选框工具，选择白色选区。选择矩形选区后，在图中画一个矩形。设置一个填充黑色的矩形，填充白色。右击选择粘贴图层。

和做其他设计一样，首先我们需要在大脑中构思想要的效果，再把构思出的效果图分层，最终找到用PS制作漂亮的网站导航条的方法。最终效果：新建一个600*150的文件，背景填充黑色。

1、ahref=\#\li商场/li/a /div nav按照这个格式你就可以制作出你想要的导航栏了。

2、横排无非是本身标签是行内标签或者将块状标签添加浮动效果，然后变成横排排列的导航。a标签既可以当做链接符号来用，本身也是行内标签的一种，直接用a标签输入文字，可以直接在横排显示。如图所示效果，横排显示的导航。

3、）、网站导航包含关键词通常来讲，网站导航一般都会包含核心关键词与长尾关键词，为了使得页面看着简洁美观，通常只是选择某个关键词替代，而利用Title标签，表达完整的关键词。

网站导航条一般是使用ul标签和li标签，在HTML5中新增nav标签，使用方法是在原来导航条最外侧增加nav/nav。nav标签是语义标签，对布局中的样式没有任何影响，只是告诉搜索引擎和浏览器引擎这是导航区域。

在HTML中标签可以拥有属性。属性能够为页面上的HTML元素提供附加信息。

HTML5中的新元素标签nav用来将具有导航性质的链接划分在一起，使代码结构在语义化方面更加准确，同时对于屏幕阅读器等设备的支持也更好。

html5新增的一些语义话标签，可以使用比如头部可以使用header标签，导航nav，主体部分可以使用section，底部footer，中间文章article。div，ul li标签都是使用比较频繁的标签，span，i，em可以对文字进行单独的描述，表示等。

header：标签定义“网页”或“section”的页眉。通常包含h1-h6元素或hgroup，作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分，一个搜索框，一个nav，或者任何相关logo。nav：定义导航链接的部分。

html5新增标签如下：结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。

名称栏目：html5导航栏灰色 html5导航栏代码
文章分享：http://myzitong.com/article/dgipopo.html