2013-07-12 3 views
13

CSS의 인세 트 경계선의 두 가지 색상을 변경하는 방법이 있는지 알고 싶습니다.삽입 테두리의 두 가지 색상을 제어 하시겠습니까?

아시다시피 인세 트 스타일은 삽입 된 요소가 포함 된 환상을 만드는 테두리를 만듭니다 경계. 아래쪽 테두리와 오른쪽 테두리를 선택한 색상으로 만들고 위쪽 테두리와 왼쪽 테두리의 색을 약간 더 어두운 음영으로 변경하여이 작업을 수행합니다.

대체 음영이 어둡거나 어쩌면 다른 색상을 제어 할 수있는 방법을 알고있는 사람이 있습니까?

#myElement{ 
    border: inset 1px white; 
} 

감사합니다.

+1

이 질문은 너무 바보입니다. 나는 이것을 남겨 둘 것이다. 누군가 다른 사람이 이것을 성취하려고 노력하고있는 경우이다. –

+1

테두리를 수동으로 만들어야합니다. 'border-left : 1px solid #somecolour; 그리고 right, top, down도 마찬가지다. 인 세트 효과를 재현하는 방법을 모르는 경우에는 인 세트 대상으로 설정된 테두리의 스크린 샷을 찍은 다음 동일한 색상을 사용하십시오. 그런 다음 거기에서 이동하십시오. – Ariane

+0

네 말이 맞아. 내가 다시 내 질문을 읽으면서 나에게 와서, 나는 내 자신의 질문에 대답했다. 두뇌 방구가 있었어. –

답변

13

나는 당신이 그것을 내가 언급하는 방식을 제어 할 수 있다고 생각하지 않지만, 확실히 각 국경의 개별 색상을 제어 할 수 있습니다

#myElement{ 
    border-style: solid; 
    border-width: 1px; 
    border-top-color: black; 
    border-left-color: black; 
    border-right-color: white; 
    border-bottom-color: white; 
} 
+4

실제로. 우리 모두가 우리의 어리 석음 에피소드를 가지고 있기 때문에 자신에게 대답 할 시간을 가지기 때문에 +1, 그리고 우리는 항상 스스로 명백한 해결책을 찾을 수있는 것은 아닙니다. – Ariane

1

당신의 모든면에 같은 색을 사용하려면 삽입 된 경계선, 이걸 사용해보십시오.

border-style: solid inset solid solid; 
관련 문제