请大神帮忙看看是哪里出错了 为什么达不到如图的效果<!doctype html>

html-css010

请大神帮忙看看是哪里出错了 为什么达不到如图的效果<!doctype html>,第1张

<!doctype html>

<html>

    <head>

        <meta charset="gb2312">

        <title>

            无标题文档

        </title>

        <style type="text/css">

            *{padding:0px margin: 0pxfont:12px normal "microsoft yahei"} 

ul li{display: inline-blockborder: #CCC8C8 solid 1pxmargin: 0px 15pxfont:normal 15pxpadding:10pxcursor: pointer} 

#wrap div{border: 1px blue solidpadding:10pxmargin:-2px 10pxdisplay: inline-blockline-height: 30px} 

#wrap div.hide{display: none}

            .on{border-top:2px solid saddlebrownborder-bottom: 2px solid #fff}

        </style>

        <script type="text/javascript">

            window.onload = function() {

                wrap = document.getElementById("wrap")

                lis = document.getElementsByTagName("li")

                div = wrap.getElementsByTagName("div")

                for (i = 0 i < 3 i++) {

                    lis[i].index = i

                    lis[i].onclick = function() {

                        for (n = 0 n < 3 n++) {

                            lis[n].className = ""

                            div[n].className = "hide"

                        }

                        this.className = "on"

                        div[this.index].className = ""

                    }

                }

            }

        </script>

    </head>

    

    <body>

        <ul>

            <li class="on">

                房产

            </li>

            <li>

                家居

            </li>

            <li>

                二手房

            </li>

        </ul>

        <div id="wrap">

            <div>

                275万购昌平邻铁三居 总价20万买一居

                <br/>

                200万内购五环三居 140万安家东三环

                <br/>

                北京首现零首付楼盘 53万购东5环50平

                <br/>

                京楼盘直降5000 中信府 公园楼王现房

            </div>

            <div class="hide">

                40平出租屋大改造 美少女的混搭小窝

                <br/>

                经典清新简欧爱家 90平老房焕发新生

                <br/>

                新中式的酷色温情 66平撞色活泼家居

                <br/>

                瓷砖就像选好老婆 卫生间烟道的设计

            </div>

            <div class="hide">

                通州豪华3居260万 二环稀缺2居250w甩

                <br/>

                西3环通透2居290万 130万2居限量抢购

                <br/>

                黄城根小学学区仅260万 121平70万抛!

                <br/>

                独家别墅280万 苏州桥2居优惠价248万

            </div>

        </div>

    </body>

</html>

童程童美少儿编程课程,面向6-18岁青少年儿童,依托达内教育集团16年IT编程教育经验和上千名精英教研团队等教育资源优势,研发出一套系统的少儿编程课程体系,内容涵盖少儿启蒙编程(Scratch)和少儿趣味编程(JavaScript、HTML、CSS、Java等),能够实现不仅仅让小孩学会编程,更希望通过他们的中小学阶段的培训激发他们对程序的认识和热爱,激发他们对计算机和it互联网的认识和热爱。同时培养编程思维,提高中国孩子的综合能力和素质。课程流动课堂目前以走进全国130多所中小学公立校,受到教育界和学生家长的高度认可。

武汉常青校区

校区地址:武汉市东西湖区常青花园地铁站汇和城二层

武汉光谷校区

校区地址:武汉市洪山区地铁2号线杨家湾站五环天地16层

武汉徐东校区

校区地址:武汉市武昌区地铁4号线铁机路站骏业财富中心B座10层

武汉街道口校区

校区地址:武汉市洪山区街道口地铁站珞珈胡同3层

武汉童程童美

校区地址:武汉市江岸区大智路地铁站长青广场三层(地铁1号线、6号线换乘站)