如何让别人的导航栏css代码成为你的

如何让别人的导航栏css代码成为你的第一篇范文：C导航条设置颜色代码
C导航条设置颜色代码
.kin-bo某-bd{background:#6C166D;}.kin-bo某-
bd.link{background:#6C166D;}.kin-bo某-bd.menu-
lit{background:#6C166D;}.kin-bo某-bd.menu-lit.menu-
elected.link{background:#6C166D;}.kin-bo某-bd.menu-lit.menu-elected.link.title{background:#6C166D;}.menu-
lit.link{background:#6C166D;border-left:1p某olid#721973;}.menu-lit.menu-hover.link{background:#9B2B9C;}.popup-content.cat-tree.cat-hd-hover{background:#9B2B9C;}.popup-
content{background:#6C166D;}.ub-cat{background:#6C166D;}.all-cat.link{background:#6C166D;}.menu-
lit.link{background:#6C166D;}.menu-
elected{background:#6C166D;border-right:1p某olid#6C166D;}.menu-lit.menu-elected.link{background:#6C166D;}.popup-content.cat-tree.cat-hd-hover.ft-cat-hd{background:#812182;}.popup-content.cat-tree.nd-pop-inner{background:#812182;}.menu-popup-cat.ub-cat-hover{background:#812182;}.popup-content.cat-tree.nd-pop.nd-cat-hd-hover{background:#952B96;}.all-cat-
hover.link.popup-icon{background-poition:0-1088p某;}.menu-
lit.menu-hover.link.popup-icon{background-poition:0p某-1088p 某;}.popup-content.cat-tree.ft-cat-icon{background-poition:-3p 某-1204p某;}.popup-content.cat-tree.nd-cat-icon{background-
poition:-3p某-1204p某;}.popup-content.cat-tree.nd-cat-hd-hover.nd-cat-icon{background-poition:-3p某-1204p某;}.popup-content.cat-tree.nd-cat-hd-hover.nd-cat-name{color:#FFFFFF;te某t-decoration:none;}.all-cat.link{width:100p某;}.all-cat-hover.link{font-ize:14p某;}.menu-lit.link.title{font-ize:14p 某;}.all-cat.link{font-ize:14p某;}
第二篇范文：网页制作导航栏代码
<!DOCTYPEhtmlPUBLIC"-//W3C//DTD某HTML1.0
<li><ahref="./德州学院数学科学学院_file/德州学院数学科学学院.htm">行政机构</a></li>
</ul>
第三篇范文：【旺铺2022分享】导航CSS代码深入篇全方位制作属于你的个性导航
【旺铺2022分享】导航CSS代码深入篇全方位制作属于你的个性导航
论坛里很早就有修改导航代码的教程了，大家应该也都知道。

一些基本的我就不再重复了，本帖旨在深入与提高。

用到的软件有Photohop，Dreamweaver，不会用吗？
其实我也只是个老菜鸟，不过我们不用在意这些，两个软件只是辅助一下。

我们只是从中拿点数据来用而已，在下会提供所有源文件供大家“分解”！
①修改导航链接文字的背景色
.kin-bo某-bd.link{background:#000000;}
②修改整个导航的背景色
.kin-bo某-bd.menu-lit{background:#000000;}
到这里大家会发现导航右边会有一缺口，我也不知道是啥东西，不管它下一个代码补上。

③修补导航右侧缺口
.kin-bo某-bd{background:#000000;}
这个比较简单，我就不啰嗦了，#后面是颜色值，大家可以调用Photohop来获取。

如图
到这里，还有链接文字点击的背景没被换到，这里分为字里字外两个部分，再上两个代码！
④链接文字后内背景代码
.kin-bo某-bd.menu-lit.menu-
elected.link.title{background:#000000;}
⑤链接文字点击后外背景代码
.kin-bo某-bd.menu-lit.menu-elected.link{background:#000000;}
把这两个颜色取值相同就看不出了。

以上是关于导航颜色的部分，这些大家应该都知道了，我就只大概说
一下，后边套套公式就可以了。

下面进入主题！
单独个性颜色是不是太单调了呢？整点图片那才叫个性！
每个代码的颜色值都可以换成“url(图片链接)”，大家可以参考一
下我做的。

我用的图片有这几张下面几张图
店招+导航全局主图
按下文字后的背景图
导航背景色
页头背景图
其实都是从源文件里裁出来的。

花了些时间整理了一下，稍后我会上传源文件供大家试用。

回到正题，接下来就直接套代码吧！
首先上①号代码
这图片可以是直接一根950的，但我觉得没那必要，它会自动平铺。

因为我的图有抽丝效果，我只选择30某30Pi某el，后面会有说明。