html,body{ height: 100%; } body{ width: 80%; background-color: #ADCAC8; margin: 0 auto; } .top{ height: 25%; width: 100%; margin: 0 auto; } .notice{ width: 100%; height: 29%; margin-top: 5px; } .eduVideo{ width: 100%; height: 29%; } .courseware{ width: 100%; height: 29%; } .empClass{ width: 100%; height: 29%; margin-top: 3.5%; } .examMan{ width: 100%; height: 29%; margin-top: 3.5%; } .n_title{ /*弧角样式*/ border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; width: 12%; height: 10%; background-color: #ADCAC8; } .title_p{ margin-left: 30%; color: white; } .n_main{ margin-top: 2px; border: 1px solid black; height: 89%; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .e_main{ margin-top: 2px; height: 89%; } .more{ margin-top: 13.5%; margin-left: 6%; float: left; } ul{ float: left; } li{ list-style:none; } .c_title{ /*弧角样式*/ border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; width: 15%; height: 30%; background-color: #169BD5; } p{ } .c_type{ font-size: 12px; color: white; } .c_main{ border: 1px solid black; background-color: #F5F5F5; margin-top: 2px; height: 85%; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .em_title{ /*弧角样式*/ border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; width: 15%; height: 30%; background-color: #169BD5; } .ex_main{ border: 1px solid #797979; /*弧角样式*/ border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background-color: #F5F5F5; height: 78%; margin-top: 2px; } a{ text-decoration:none; } a{ color: black; } .test{ border-top-left-radius: 5x; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }