$$config title: 시험대비 keywords: - 시험 - ... $$ ## 1130 시험대비 ``` html css body,ul,li{ padding:0; margin:0; list-style:none; } a{ color:inherit; text-decoration:none; } .menu-box-1{ text-align:center; margin-top: 20px; } .menu-box-1 > ul{ display:inline-block; background-color:#afafaf; padding:0 20px; border-radius:5px; } .menu-box-1 ul > li{ width:200px; display:inline-block; position:relative; } .menu-box-1 ul li a{ display:block; font-weight:bold; padding:20px; } .menu-box-1>ul>li>a:hover{ background-color:black; color:white; } .menu-box-1>ul>li>ul{ position:absolute; display:none; left:0%; top:100%; background-color:#afafaf; } .menu-box-1>ul>li:hover>ul{ display:block; } .menu-box-1>ul>li>ul>li>a:hover{ background-color:black; color:white; } .menu-box-1>ul>li>ul>li>ul{ position:absolute; display:none; left:100%; top:0%; background-color:#afafaf; } .menu-box-1>ul>li>ul>li:hover>ul{ display:block; } .menu-box-1>ul>li>ul>li>ul>li>a:hover{ background-color:black; color:white; } .menu-box-1>ul>li:last-child>ul li ul{ left:auto; right:100%; top:0%; background-color:red; } ```