【温故而知新】使用CSS设计网站导航栏_html/css_WEB-ITnose

1.实现背景变换的导航菜单效果预览：

首页公司频道最新动态客房介绍酒店服务休闲娱乐旅行社

源代码：

     实现背景变换的导航菜单   #nav {    width:150px;    border-right:1px solid #000;    padding:0 0 1em 0;    margin-bottom:1em;    font-family:"宋体";    font-size:13px;    background-color:#ff9933;    color:#000000;}#nav ul {    list-style:none;    margin:0;    padding:0;    border:none;}#nav li {    margin:0;    border-bottom:1px solid #ffff00;}#nav li a {    display:block;    padding:5px 5px 5px 0.5em;    background-color:#ff9933;    color:#fff;    text-decoration:none;    width:100%;    border-right:10px solid #ffcc00;    border-left:10px solid #ffcc00;}html>body #nav li a {    width:auto;}#nav li a:hover {    background-color:#ffcc00;    color:#fff;    border-right:10px solid #ff00ff;    border-left:10px solid #ff00ff;}           首页      公司频道      最新动态      客房介绍      酒店服务      休闲娱乐      旅行社

      
查看更多关于【温故而知新】使用CSS设计网站导航栏_html/css_WEB-ITnose的详细内容...
        
          声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did105981

更新时间：2022-11-17 阅读：28次