>  기사  >  웹 프론트엔드  >  CSS로 div 테두리 색상을 설정하는 방법

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

藏色散人
藏色散人원래의
2021-03-02 10:19:147361검색

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

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

이 문서의 운영 환경: 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로 div 테두리 색상을 설정하는 방법

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

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

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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.