好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

【温故而知新】使用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的详细内容...

  阅读:28次