html 메뉴 깔끔하게 만들기/마우스 오버

블로그 디자인이나 홈페이지를 만들때 아래와 같이 메뉴를 자주 만들게 된다. 메뉴를 만드는 기본적인 방법은 메뉴는 리스트 형식의 정보라서 과 태그로 마크업하고, 태그로 링크를 설정한다. 그리고 태그를 이용해 감싸 그룹화하면 된다. 클래스이름은 본인이 알기쉬운 이름으로 정하면 된다. 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 위와 같이 입력하면 이렇게 파란글씨에 앞부분의 공백과 검은색 원이 출력된다. 이대로 써도 상관없지만 보기에는 만들다만것 같고 보기에 좋진 않죠. 그럼 이 메뉴를 가지고 보기좋게 만들어 봅시다~ 우선 메뉴앞에 있는 검은 원과 공백을 제거해보도록 하겠습니다. 태그안에 태그 내에 이제 마지막으로 활성화된 메뉴인지 알 수 있게끔 마우스 커서를 올렸을때 변하는 디자인을 적용하고, 메뉴들 폭을 조금씩 늘..