묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
CSS로 이중보더 사용하기
2011.02.17 16:43
한 박스모델에 보더를 2개 사용하려고 하는데요
위 그림과 같이 검정색으로 채워진 박스모델에 2개의 보더를 써서 두껍고 밝은 보더를 안쪽에 넣고
얇고 어두운 보더를 겉으로 쌓아서 그림처럼 만들려고 합니다.
웹표준을 준수하면서 공인된방법으로 CSS조작을 통해 구현하고 싶은데 어떻게 하면 될까요?
위 그림과 같이 검정색으로 채워진 박스모델에 2개의 보더를 써서 두껍고 밝은 보더를 안쪽에 넣고
얇고 어두운 보더를 겉으로 쌓아서 그림처럼 만들려고 합니다.
웹표준을 준수하면서 공인된방법으로 CSS조작을 통해 구현하고 싶은데 어떻게 하면 될까요?
댓글 2
-
아아악내눈
2011.02.17 16:59
바깥쪽 보더는 보더로 안쪽 보더는 패딩+백그라운드컬러로 스트알을 입력하시면 됩니다. -
yoorim
2011.02.17 17:33
바깥쪽 박스에 보더와 백그라운드 컬러, 패딩을 모두 주면 한방에 끝나지 않을까요?
안쪽 박스에는 보더와 배경색을 위해 따로 무언가를 할 필요가 없을 것 같아요.