|
修改导航条代码
大家都知道#navigation是导航条的样式控制 我们要修改导航条 只要在你找到的涂鸦板成品中找到它就可以拉 1.修改导航条的文字颜色 首先你找到#navigation 然后找到,#navigation .nav-left LI看它后面的属性color:后面的值就是颜色代码值了 至于颜色代码值大家可以去网上找的 很多 #000000代表很色 #ffffff代表白色 #FF0000代表红色
2.给导航条加个边框 找到#navigation 在其后面加入 border:1px #FF0000 dashed; 属性
如 #navigation{border:1px #FF0000 dashed;} 其中border代表为设置边框为1象素 #FF0000代表边框的颜色为红色 dashed 为边框线的类型 有：none（无边框线）、 dotted（由点组成的虚线）、 dashed（由短线组成的虚线）、 solid （实线）、 double（双线，双线宽度加上它们之间的空白部分的宽度就等于border-width定义的宽度）、 groove（3D沟槽状的边 框）、 ridge（3D脊状的边框）、 inset（3D内嵌边框，颜色较深）、 outset（3D外嵌边框，颜色较浅），注意：如果系统不支持这些 边框的属性值，那么“dotted”、“dashed”、“double”、“groove”、“ridge”、“inset”和“outset”都会被 “solid”代替当然这个里面还有其它属性 如位置 宽度 背景的属性 属性很多大家有空试试！
3.导航条连接效果 当鼠标移动到导航条时会出现不同的连接样式 它是通过hover属性控制的 找到找到#navigation 然后找到,#navigation .nav-left LI A:hover{属性值} 其中只要修改里面的color和background就可以了 分别代表鼠标移动到文字时的颜色和文字的背景颜色 如 #navigation .nav-left LI A:hover{color:#FFFFFF;background:#000000;} 代表当鼠标移动到导航部位时 文字变成白色 且背景色是黑的
好了导航条简单修改教程就到这 以后继续教大家怎么DIY自己的涂鸦板欢迎常来本站
域名是 www.qiake.net 有点长 不过也很好记的 给你三秒钟...... 可以记住吧 呵呵...
|
