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

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

 

노멀상태

border:1px solid #ddd;

 

오버효과상태

border:2px solid red;

 

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

 

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

 

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

답변 3개

채택된 답변
+20 포인트

노멀상태

border:1px solid #ddd;

margin:0px;

 

오버효과상태

border:2px solid red;

margin:1px;

 

이렇게 해보면 어떨까요?

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

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

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

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

 

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

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

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

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

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

 

 

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

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

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

로그인
🐛 버그신고