继上篇”碳纤维气魄威风凛凛的插入式导航菜单“，Richard Carpenter把菜单图片转化为CSS/HTML文档了。我们就一路接着进修吧！

查察CSS/HTML完备版，请点击这里：

布署文件

在我们开始切割图片之前，先在当地web处事器上布署文件，建设文件夹，在新建的文件夹中新建空缺HTML文件”index.html”，空缺CSS文件”styles.css”，styles.css放在另一个文件夹”stylesheets”中，最后再新建文件夹”images”存放图片。

建设HTML元素

用代码编辑器打开html文件，在标签”BODY”内新建DIV，配置ID属性为”container”，此DIV将是全部元素的容器，代码如下：

在”container “DIV内建设其它一个DIV，ID属性为”nav”，是包括全部导航元素的容器，代码如下：

在”nav”DIV内建设一个简朴的UL无序列表，配置UL的class属性为”navigation”，每个列表元素（LI）也配置差异的class属性，按照class属性来配置LI的样式。代码如下：

以上是首要的HTML代码，接下来开始支解导航图片。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!