내 테두리가 빨간색이 아닌 이유는 무엇입니까? CSS 테두리 문제 해결

테두리 색상 문제 해결: 빨간색이 아닌 이유

요소에 테두리를 추가할 때 지정된 색상이 적용되지 않습니다. CSS로 이 문제를 해결하는 방법은 다음과 같습니다.

다음 코드 조각을 고려하세요.

<div>

이 JSFiddle(http://jsfiddle.net/zeburrehman/aFzKy/151/)에 설명된 대로 ), border-color를 다음과 같이 지정했음에도 불구하고 DIV 요소 주위의 테두리는 보이지 않습니다. red.

문제 이해

기본적으로 브라우저는 border-width와 border-style을 각각 0과 "none"으로 설정합니다. 즉, 테두리 색상이 정의되어 있어도 표시할 테두리가 보이지 않습니다.

해결책

테두리를 표시하고 원하는 색상을 적용하려면 border-width 및 border-style 속성을 모두 명시적으로 설정해야 합니다. border-width는 테두리의 두께를 결정하고, border-style은 모양(예: 실선, 점선)을 결정합니다.

이를 달성하는 가장 효율적인 방법은 세 가지 테두리 속성을 모두 하나로 결합하는 것입니다. 선언:

#box {
    border: 1px solid red;
}

테두리 너비를 1px로 설정하고 테두리 스타일을 실선으로 설정하여 요소 주위에 1픽셀 너비의 실선 테두리를 정의하고 해당 테두리를 지정합니다. 색상은 빨간색으로. 이 축약된 표기법은 단순화를 위해 세 가지 개별 테두리 속성을 한 줄로 결합합니다.

위 내용은 내 테두리가 빨간색이 아닌 이유는 무엇입니까? CSS 테두리 문제 해결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!