[코딩 일기] 9/2 CSS 공부 ④


[코딩 일기] 9/2 CSS 공부 ④

화면에 표(?) 만드는 법 1. display의 inline-block : block 사이에 유격(?)이 생긴다. 2. float : 부모 영역을 인식하지 못해서 강제로 지정해야 할 떄가 있다.(+ clear 사용 필요) 3. display의 table : table-row + table-cell 함께 사용 + 표 만들 수 있다.(유격 x) CSS 박스 모델 - 테두리 관련 속성 속성값은 시계 방향으로 돌아가면서 지정할 수 있다. - border-style : 테두리 스타일 지정 - border-width : 테두리 두께 지정 - border-color : 테두리 색 지정 - border : 테두리 스타일 묶어서 지정 - border-radius : 박스 모서리 둥글게 만들기 → 모서리 부분에 원이 하나 있는 것처럼 원의 반지름 값을 지정하면 곡선을 그릴 수 있음 border-radius: <크기> | <백분율> → top-left | top-right | bottom-left ...



원문링크 : [코딩 일기] 9/2 CSS 공부 ④