??????+????????У ????????????????????????????????????????? ???粿??????????????????????λ??????????????
2018?????????
?????????????????????????????????????????????????? ????????? 2019??????????-2019??????????????濪?? ??? ?У???
19??????????????????????????????????????У ???????????????н?????????????????仧????? ??????????????????? ????????

????????? ?????????У

?У?绰??
025-84606360
025-52281675
E-mail??
rpjy2008@126.com
??????:b1261199
?У?????www.njccc.cn

?????????????? ??????????????






??? ???????

?γ????

css3 ???

????

???????????????????????????TAB?????????????tab????????????????????????????????checked?????????????????????????

?????????????????CSS3?????????????????????CSS3???????????????????????

HTML????


  • ????1

    ????????1

  • ????2

    ????????2

  • CSS????

    *?{
    ??margin:?0;
    ??padding:?0;
    ??-webkit-box-sizing:?border-box;
    ??-moz-box-sizing:?border-box;
    ??box-sizing:?border-box;
    }
    
    body?{
    ??padding:?20px;
    ??text-align:?left;
    ??font-family:?Lato;
    ??color:?#fff;
    ??background:?#9b59b6;
    }
    
    .tabs?{
    ??width:?650px;
    ??float:?none;
    ??list-style:?none;
    ??position:?relative;
    ??margin:?80px?0?0?10px;
    ??text-align:?left;
    }
    .tabs?li?{
    ??float:?left;
    ??display:?block;
    }
    .tabs?input[type="radio"]?{
    ??position:?absolute;
    ??top:?-9999px;
    ??left:?-9999px;
    }
    .tabs?label?{
    ??display:?block;
    ??padding:?14px?21px;
    ??border-radius:?2px?2px?0?0;
    ??font-size:?20px;
    ??font-weight:?normal;
    ??text-transform:?uppercase;
    ??background:?#8e44ad;
    ??cursor:?pointer;
    ??position:?relative;
    ??top:?4px;
    ??-webkit-transition:?all?0.2s?ease-in-out;
    ??-moz-transition:?all?0.2s?ease-in-out;
    ??-o-transition:?all?0.2s?ease-in-out;
    ??transition:?all?0.2s?ease-in-out;
    }
    .tabs?label:hover?{
    ??background:?#703688;
    }
    .tabs?.tab-content?{
    ??z-index:?2;
    ??display:?none;
    ??overflow:?hidden;
    ??width:?100%;
    ??font-size:?17px;
    ??line-height:?25px;
    ??padding:?25px;
    ??position:?absolute;
    ??top:?53px;
    ??left:?0;
    ??background:?#612e76;
    }
    .tabs?[id^="tab"]:checked?+?label?{
    ??top:?0;
    ??padding-top:?17px;
    ??background:?#612e76;
    }
    .tabs?[id^="tab"]:checked?~?[id^="tab-content"]?{
    ??display:?block;
    }

    ?????







    ?
    tab_?

    ?
    tab_??

    ?
    tab_??


    ????

    ???

    ??л???????????????????!

    ??????
    ??????????????????

    ??????????????????????????

    ? ? ????? ??????? ?????? ????????? ? ???????
    ????????? ?????????????????????????????????????绰025-84606360????52281675

    ???????

    ???????????

    1.??????·47??????????803???????????λ????
    ??????????:1.???? 2.????(??) 3.?????· 4.???· 5.???? 6.?к???

    2.????????·999?????????506 ??????????λ????
    ??????????:1.??? 2.??? 3.???????? 4.????· 5.??????
    ?????????????????? 9:00—20:00 ?????????????????У?????www.njccc.cn
    ??????? ????????????? ?????????У ??????? ?????????????????????ICP??09086834????????? ?? ????????? У????? ?????????