HTML 테두리 쿼리

Question

div가 일부 텍스트를 포함하고 div에 배경색이 있습니다. div 주변의 경계선을 원하지만 모든면의 div와 border 사이에 1px의 흰색이 있도록 싶습니다. 이것이 가능한가?

나는 국경을 사용하는 것을 시도했다 : 3px 두 배 # 000; 하지만 불행히도 이것은 원하는 효과를 내지 못했습니다. 테두리는 div 내부에서 끝나고 두 테두리 사이의 간격은 div의 배경과 같은 색이었습니다.

내가 내 검색어를 명확하게 설명했으면 좋겠다. 모든 도움을 미리 감사드립니다.

Answer 1

CSS3 상자 그림자 속성을 사용하고 스프레드와 흐리게 효과를 낮은 값으로 설정하여이 작업을 수행 할 수 있습니다. 확인해보십시오 http://www.sitepoint.com/css3-multiple-borders/

Answer 2

당신은 스타일링 그렇지 않으면, 당신은 CSS3를 사용하여 이미지 나 단색와 같은 요소에 여러 경계를 정의 할 수 있습니다 만 현대적인 브라우저를 지원해야하는 경우 : 후 나 : 전 pseudoelements :

이
http://tnels.com/2010/09/13/multiple-borders-in-css3/
http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/ 참조

Answer 3

div을 철자 안에 넣는 방법은 div입니까? 뭔가 같은 ... 나는 CSS3 기술로가는하지만 당신은 IE8/7/6 번 이전 버전의 브라우저를 지원해야하는 경우 다음 단 사업부가 다른 요소의 주위에 감싸 인이 권하고 싶습니다

<div style='background-color: white; padding: 1px; border: 1px solid black;'> 
    <div style='background-color: yellow;'>my text stuff goes here</div> 
</div> 

Answer 4

.

.box {border:1px solid red;} 
.box > div {padding:2px;} 

<div class="box"> 
    <div>Hello</div> 
</div>