728x90 CSS border2 [CSS] border 테두리 속성 설정하기 CSS 테두리 속성 설정하기 border CSS 테두리는 대표적으로 총 세가지로 설정하는데 다음과 같다. 1. 테두리 굵기 (width) 2. 테두리 스타일 (style) 3. 테두리 색상 (color) 이를 설정하는 방법은 세가지 각각의 속성으로 설정하여도 되고 한번에 설정하여도 되는데 아래 기본 형태를 참고하자 기본 형태 //테두리 스타일 세가지 속성 각각 설정하는 경우 CSS Selector { //원하는 테두리 굵기 border-width : 1px; //원하는 테두리 스타일 border-style : solid; //원하는 테두리 색상 border-color : grey; } //테두리 스타일 세가지 속성 한번에 설정하는 경우 CSS Selector { //원하는 테두리 굵기, 스타일, 색상 순.. 2021. 4. 6. [CSS] 모서리 모양 변경하기 border-radius CSS 모서리 둥글게 변경하기 border-radius 원 (동그라미) 만들기 1. HTML에 style 속성 직접 입력을 통한 변경 방식 기본 형태 //Html 태그 내 style 속성을 이용한 직접 입력 방식 샘플 예제 출력 결과 2. CSS 파일 변경을 통한 모서리 모양 변경 기본 형태 //CSS 파일 변경을 통한 모서리 모양 변경 CSS Selector { border-radius : 둥글기%; } 샘플 예제 : HTML, CSS .box { background:red; margin : 20px; width: 200px; height: 200px; border-radius : 5%; } .box2 { background : blue; margin : 20px; width: 200px; height.. 2021. 4. 3. 이전 1 다음 728x90
