web--导航栏页面编写

代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航栏</title>
    <style type="text/css">
        li{
            display:inline-block;
            width: 100px;
            height: 30px;
            background-color: pink;
            font-size:  15px;
            text-align: center;
            line-height: 30px;
        }

        a{
            color:white;
            text-decoration:none ;
        }
        a:hover {
            color:blue;
        }
        a:active {
            color:greenyellow;
        }
    </style>
</head>
<body>
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">掌上校园</a></li>
        <li><a href="#">培养方案</a></li>
        <li><a href="#">网上选课</a></li>
        <li><a href="#">教学安排</a></li>
        <li><a href="#">考试安排</a></li>
        <li><a href="#">学生成绩</a></li>
        <li><a href="#">教材信息</a></li>
        <li><a href="#">网上评教</a></li>
    </ul>
    
</body>
</html>
页面展示：
web--导航栏页面编写

悦读
