css综合案例--五彩导航页面（css第二天学习）

1.html部分

按tab键

按住shift+alt+左键+#

2.css部分

 <a href="#" class="bg1">五彩导航</a>

 .nav a {

            display: inline-block;

            width: 120px;

            height: 58px;

            background-color: blue;

            text-align: center;

            line-height: 48px;

            color: #fff;

            text-decoration: none;

        }

        .nav .bg1 {

           background: url(images/bg1.png) no-repeat;

        }

        .nav .bg1:hover {

            background-image: url(images/bg11.png);

        }

3.效果图