목록으로

css border 질문 입니다. 채택완료

웹프리죤 3년 전 조회 4,204

마우스 오버시에 border 두께 관련

노멀상태

border:1px solid #ddd;

오버효과상태

border:2px solid red;

이렇게 하면 1px 차이가 나서 살짝씩 삐끗 삐끗 거리는데

이런식으로 두께가 다를때 노멀상태의 두께를 투명 1px 주는 방법 같은게 있나요?

그래야 두께가 같아서 마우스오버시에 컬러만 바뀌니까요

#css #border

댓글을 작성하려면 로그인이 필요합니다.

정렬:

채택된 답변

+20 포인트

엑스엠엘

3년 전

노멀상태

border:1px solid #ddd;

margin:0px;

오버효과상태

border:2px solid red;

margin:1px;

이렇게 해보면 어떨까요?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

sinbi Expert

3년 전

그런 경우는 못 봤네요. 대체로 허버하면 색깔만 변경하지 두께까지 변경하진 않죠.

일반 사용자는 그런 거 전~혀 신경 안 쓰니, 괜히 머리 아프게 연구하지 마세요. ㅎ

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

예뜨락

3년 전

오버시 두께를 똑같이 1픽셀로 하면 되지 않을까요 거기에 색만 바꾸면 문제가 해결될거 같은데..

아마도 다른 이유가 있나보죠 ^^;

높이에서 차이가 나는 부분은 대부분 margin, padding, line-height 등으로 보정해서 맞출수는 있습니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.