BORDER기법에 대해 문의합니다
이리온
---------위 캡쳐화면에서
가운데 이미지 주변에 회색보더가 쳐져있습니다.
저런건 어떻게 구현하는게 좋은가요?
소스를 살펴보니 하얀바탕까지만 이미지이고
보더부분은 css로 처리한듯한데border: 3px solidsilver
요런식으로 구현을 한건지...
특히 자세히보면 가장바깐부분엔 또 약간 더 어두운 회색으로 처리된 선도 보이니까요
이미지로 처리한건지.. 아님 border를 이중으로 선언한건지저렇게 구현하려면 어떤방식이 좋은건지
고수님들의 조언들 듣고싶습니다
-
아리솔
바로 위에 수다님처럼 하는게 맞는거 같아요
저는 그냥 가로 유동성을 필요로 하기않는다면 이미지로 백그라운드 해버립니다. -
허리품
ie6를 고려하지 않는다면 , :before, :after를 이용해도 되겠네요.! (그치만 그럴수는 없죠 ..ㅠㅠ)
-
도전중
머 굳이 따지는건 아니지만.. 흰백그라운드까지 이미지라고 말씀하셔서 .. 그이미지를 감싸고 있는 테그만 저렇게 설정해주면 된다는거였고.. 100%는 인라인 요소가 아닌이상 기본으로 먹는거니깐 뭐.. 굳이 안해줘도 된다 생각한거죠 ㅎㅎ
-
희나리
이미지가 하얀색배경을 포함한다면, 튜운님이 말씀하신것일테고..
일반적으로는 수다님이 말씀하신방법을 사용하겠지요.
2개로 겹쳐서...슥슥 -
우울녀
.ddd{padding:3px; border:1px solid #666; background:#dadada;}
.ddd자식{width:100%; background:#fff;}
전 이렇게.. -
루리
padding:3px; border:1px solid #333; background-color:#ddd; 이런식이겠죵;