首先两个导航条是两个大DIV做成的,
然后每个导航条有种3D效果的,是截取其中很细很细的一竖,然后作为背景,不断的重复此图片完成的,示例代码:background: url(../images/daohangbg.png) repeat-x left;
而鼠标经过会变成橙色,是超链接特效中的一个,鼠标经过特效,同样截取中间一竖,然后作为鼠标经过特效的背景
示例代码:
<li class="active1"><a style="font-size: 14px;font-weight: 800;" href="index.html">网站首页</a></li>
/* 下面是css*/
.active1 {
background: url(../images/shouyebg.png) repeat-x left;
}
四周变圆角是将DIV圆角化
示例代码
div
{
border-radius:25px;/*25px是圆角属性,你可以根据喜欢自由设计圆角大小*/
}
然后每个导航条有种3D效果的,是截取其中很细很细的一竖,然后作为背景,不断的重复此图片完成的,示例代码:background: url(../images/daohangbg.png) repeat-x left;
而鼠标经过会变成橙色,是超链接特效中的一个,鼠标经过特效,同样截取中间一竖,然后作为鼠标经过特效的背景
示例代码:
<li class="active1"><a style="font-size: 14px;font-weight: 800;" href="index.html">网站首页</a></li>
/* 下面是css*/
.active1 {
background: url(../images/shouyebg.png) repeat-x left;
}
四周变圆角是将DIV圆角化
示例代码
div
{
border-radius:25px;/*25px是圆角属性,你可以根据喜欢自由设计圆角大小*/
}