이전 목록 다음
채택완료

css border 질문 입니다.

2022-10-02 (일) 23:47:48 4,791

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

노멀상태

border:1px solid #ddd;

오버효과상태

border:2px solid red;

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

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

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

|

답변 3개

채택된 답변
+20 포인트
2022-10-03 (월) 07:33:31

노멀상태

border:1px solid #ddd;

margin:0px;

오버효과상태

border:2px solid red;

margin:1px;

이렇게 해보면 어떨까요?

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

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

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

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

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

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