请选择 进入手机版 | 继续访问电脑版

名廊网

 找回密码
 立即注册
QQ登录
搜索
热搜: 活动 交友 discuz
查看: 1264|回复: 2

100%宽度导航条制作

[复制链接]
  • TA的每日心情
    开心
    2016-5-19 00:19
  • 签到天数: 1 天

    [LV.1]初来乍到

    21

    主题

    24

    帖子

    253

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    253
    发表于 2016-3-3 18:47:17 | 显示全部楼层 |阅读模式
    1. <div class="nav_all">
    2.       <div class="nav">
    3.            <ul>
    4.                <li><a href="http://www.zzarea.com" class="shouye">项目1</a></li>
    5.                <li><a href="#">项目2</a></li> <li><a href="#">项目3</a></li>
    6.                <li><a href="#">项目4</a></li> <li><a href="#">项目5</a></li>
    7.                <li><a href="#">项目6</a></li> <li><a href="#">项目7</a></li>
    8.            </ul>
    9.       </div>
    10. </div>
    复制代码
    1. <style type="text/css">
    2. *{ margin:0px; padding:0px; }
    3. body{ font-size:14px; font-family:"微软雅黑"; }
    4. .nav_all{ width:100%; background-color:#0099FF; height:40px; }
    5. .nav{ width:1000px; margin:30px auto 0px auto; background-color:#0099FF; height:40px;   }
    6. ul{ list-style:none;   }
    7. li{ float:left; line-height:40px; width:100px; text-align:center;   }
    8. li a{
    9.       color:#FFFFFF;
    10.       text-decoration:none;
    11.       display:block;      /*块状结构*/
    12.        width:100px;
    13.        height:40px;     
    14. }
    15. li a:hover{ background-color:#000000;   }
    16. li .shouye{ background-color:#333333; }   
    17.   
    18. </style>
    复制代码

    点评

    海!外直播 t.cn/RxmJTrS 禁闻视频 t.cn/RxlbueK 勃烈日涅夫当上苏共总书记后,将乡下老母接到莫斯科.得意洋洋地向她展示豪华别墅,高级汽车,高档...老太太说:"儿子啊,这一切都很好,但是共产党来了你怎么办?"   发表于 2018-2-25 10:09
    微信给打个赏呗
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|手机版|小黑屋|名廊网 ( 冀ICP备12024006号-2 )

    GMT+8, 2018-9-21 00:06 , Processed in 0.039992 second(s), 16 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表