CSS로 div 테두리 색상을 설정하는 방법

CSS를 사용하여 div의 테두리 색상을 설정하는 방법: 먼저 HTML 샘플 파일을 만든 다음 div를 정의하고 마지막으로 "border-color" 또는 "border-left-color"와 같은 속성을 추가하여 테두리 색상을 설정합니다. 사업부에.

이 문서의 운영 환경: Windows 7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

css는 div에 테두리 색상을 추가합니다

1. css는 div의 네 변에 테두리를 추가합니다

border-color:#000（设置4边边框颜色为黑色）
border-color:+颜色值，即可设置对象边框颜色
border-left-color:#000 设置左边框颜色为黑色
border-right-color:#000 设置右边框颜色为黑色
border-top-color:#000 设置上边框颜色为黑色
border-bottom-color:#000 设置下边框颜色为黑色

조건: 개체 테두리가 존재하도록 설정되어야 하며, 이전에 테두리 너비가 1px 이상이어야 합니다. 테두리 색상이 표시되며 존재 의미를 갖습니다.

예:

.div{ 
    border-style: solid; 
    border-width: 1px; 
    border-color: #000;
}

이런 식으로 개체 테두리를 실선 테두리로, 테두리 너비(두께)를 1px로, 테두리 색상을 검은색으로 설정하면 테두리 색상이 적용됩니다.

2. 테두리 색상 스타일 설정의 약어

.div{ 
    border-style:solid; 
    border-width:1px; 
    border-color:#000;
}

이렇게 하면 ".div" 개체 테두리 스타일이 설정되어

.div{ 
    border:solid 1px #000;
}

효과:

공백으로 구분된 세 개의 테두리 값

약어 테두리 색상 스타일 코드를 사용하면 코드를 절약하고 CSS 코드의 양을 줄일 수 있습니다.

【추천 학습: CSS 동영상 튜토리얼】

위 내용은 CSS로 div 테두리 색상을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!