快乐不快乐

.menu { list-style: none; padding: 0; margin: 0; width: 200px; background-color: #f1f1f1; } .menu li { border-bottom: 1px solid #ccc; } .menu li:last-child { border-bottom: none; } .menu li a { display: block; color: #333; padding: 10px; text-decoration: none; } .menu li.active a { background-color: #175D91; color: white; } .menu li:hover a { background-color: #4CAF50; color: white; } .menu li.h..

.menu { list-style: none; /* 리스트 기호 제거 */ display: flex; /* 요소들을 수평으로 배열 */ float:left; margin:20px 0 0px 30px ; border:0px solid RED; text-align:center; } .menu li { margin-right: 20px; /* 메뉴 간격 조정 */ } .menu li:last-child { margin-right: 0; } .menu li a { display: block; padding: 13px; background-color: #eee; /* 배경색 지정 */ color: #333; /* 글자색 지정 */ text-decoration: none; } .menu li a:hover { ba..