>  기사  >  웹 프론트엔드  >  부트스트랩에서 div에 테두리 색상을 설정하는 방법

부트스트랩에서 div에 테두리 색상을 설정하는 방법

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼원래의
2019-07-17 13:45:109514검색

부트스트랩에서 div에 테두리 색상을 설정하는 방법

부트스트랩에서 테두리 색상을 div로 설정하는 방법은 무엇입니까?

테두리 설정 방법:

1.

border:1px solid red;

2.

border-width:1px;边框的粗细
border-style: solid;边框的风格
border-color: red;边框的颜色

3.

border-left:1px solid red;
border-right:1px solid blue;
border-top:1px solid green;
border-bottom:1px dotted grey;

관련 권장 사항: "부트스트랩 시작 튜토리얼"

선/테두리 스타일:

없음: 점선; 점선: 실선; 이중선: 홈: 능선; 안쪽: 오목함

div{padding:20px;width:10px;background:red;color:#fff}

여백의 차이점: 상자에 너비와 높이가 없으면 패딩을 상자의 너비와 높이에 겹칠 수 있지만 상자에 내용이 없으면 여백은 중첩될 수 없습니다.)

상자의 실제 너비 = 자체 너비 + 왼쪽 여백 + 오른쪽 여백 + 왼쪽 테두리 + 오른쪽 테두리

상자의 실제 높이 = 자체 높이 + 위쪽 여백 + 아래쪽 여백 + 위쪽 테두리 + 아래쪽 테두리

<div style ="border:solid 1px red;  "></div>
;

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

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