div 속성에 테두리 값을 줄때
내꼬야
2023.04.01
div class 속성에 테두리 값을
.prod-detail-basic{
width:100%;height:300px;
border-top:2px solid #8B2744; border-right:1px inset #e6e6e6; border-left:1px inset #e6e6e6; border-bottom:1px solid #e6e6e6;
}
이렇게 주니깐 문제는 왼쪽 보더값이 색깔이 오른쪽과 같에 줬는데 색깔도 같지 않고 문제는 왼쪽 보더가 위에 top보더를 1픽셀 덮어 버리네요
브라우져 에서 저 속성을 지원 해 주지 않는건지..
결국은 테이블로 꽁수를 쓸 수 밖에 없는데 아래와 같은 이미지가 나오는 보더값은 어떻게 정의 해 줘야 되죠?
-
혁민
inset 은 3D로 표현할때 쓰는 녀석입니다.
왼쪽과 오른쪽 구분해서 표현하시려면 solid를 사용해서 따로 분리 해서 쓰시고
inset을 쓰시려면 하나의 스타일로 묶어주세요
border-style:inset;
border-width:10px;
MSDN에 있는 border-style스팩을 참조하세요 -
늘찬
마침 필요한 정보였습니다.^^ 공부하고 갑니다.