오버마우스 카테고리에 테두리 주기
본문
카테고리에 마우스를 갖다대면 하위 카테고리가 나오는데 거기에 테두리를 두고 싶습니다.
그래서 아웃라인을 줬더니 이런 결과물이 나오네요.
저 사이사이에 있는거 빼고 외부에만 테두리를 줄 수 있을까요?
.gnb_bg:focus, .gnb_bg:hover {background-color:#fff ;text-decoration:none}
.gnb_1dli_air .gnb_1da {background-color:#fff;color:#000000; outline:solid 1px;}
.gnb_1dli_on .gnb_1da {background-color:#fff;color:#000000; outline:solid 1px;}
.gnb_2dul {display:none;position:absolute;top:50px;width:170px;left:0}
.gnb_2da {display:block;padding:10px;text-align:center;text-decoration:none;font-size:1.2em;}
.gnb_1dli_air .gnb_2da {background-color:#fff;color:#000000}
.gnb_1dli_on .gnb_2da {background-color:#fff;color:#000000; outline:solid 1px;}
.gnb_2da:focus, .gnb_2da:hover {background:#3c95d5;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff; outline:solid 1px;}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff; outline:solid 1px;}
답변 2
상위 <ul> 태그에 border를 주시면 될 것 같네요.
outline 대신 border-top, border-bottom, border-right, border-left 를 사용해보세요.
답변을 작성하시기 전에 로그인 해주세요.