<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>


<style type="text/css">       

    ul li{

        list-style-type:disc;

        }

    ul li ul li{

        list-style-type:circle;

        } 

    .c li {

        list-style-type:square;

        }           

</style>

</head>


<body>

<!--在此制作一个嵌套列表-->

<div>

    <ul>

    <li>首页</li>

    <li>课程中心

        <ul>

            <li>Web前端</li>

                <ul class="c">

                    <li>HTML</li>

                    <li>CSS</li>

                    <li>JavaScript</li>

                    <li>jQuery</li>

                </ul>

            <li>Android开发法</li>

            <li>PHP开发</li>

        </ul>        

    </li>    

</ul>    

</div>


</body>

</html>