唐山企业做网站时简易的导航条的做法

首页 > 唐山企业做网站时简易的导航条的做法

唐山企业做网站时简易的导航条的做法

时间：2012/10/14 8:15:15 作者：tsccwl 人气：标签：导航条

　　

DIV+CSS做的最简易导航条，在以后企业网站设计中要经常遇到！

经测试各大浏览器兼容

<style type="text/css">
        .navWrapper {
            border-bottom:1px solid #36A3EA;
            border-top:1px solid #36A3EA;
        }
        
        .nav {
            width:980px;
            margin:0 auto;
            padding-top:20px;
            text-align:center;
        }
        
        .nav a.selected {
            border-bottom:4px solid #36A3EA;
            text-decoration:none;
            color:#36a3ea;
            
        }
        
        .nav a {
            //font-size:14px;
            display:inline-block;
            height:34px;
            padding:0 10px;
            margin:0 10px;
        }
        
        .nav a:hover {
            color:#36a3ea;
            border-bottom:4px solid #36A3EA;
        }
        a:link, a:visited {
            color: #7F7F7F;
            text-decoration: none;
        }
    
    </style>


<div class="navWrapper">
<div class="nav"><a class="selected" href="#">首页</a> <a href="about.html">活动介绍</a> <a href="#">设计说明</a> <a href="#">大赛评委</a> <a href="#">上传作品</a> <a href="#">全部作品</a> <a href="#">讨论组</a> </div>
</div>

提示：复制和保存代码功能在FF下无效。

上一篇：百度云第1000万名用户诞生个人云时代加速来临
下一篇：domain不再首页的解决方法www.tswzsj.com给你解决

地址：中国.唐山市路北区尚座即理工大学对面中国.河北唐山遵化市唐山做网站
本站网址：www.tswzsj.com联系电话：0315-6025099 建站热线：15031560143

唐山网站建设报价咨询

网站售前售后服务

冀ICP备12014317号-1 版权所有:唐山长城网络 www.tswzsj.com