css13 Margin margin ▶ 요소와 요소 사이의 간격을 설정해준다. ▶ margin-top => 위쪽 방향으로 간격을 준다. ▶ margin-bottom => 아래쪽 방향으로 간격을 준다. ▶ margin-right => 오른쪽 방향으로 간격을 준다. ▶ margin-left => 왼쪽 방향으로 간격을 준다. ▶ margin: 0 auto; => 가로를 기준으로 중앙에 요소를 배치한다. 2022. 5. 20. Border border ▶ 말 그대로 테두리를 의미하며 padding과 margin사이의 공간이다. ▶ border: 굵기 스타일 색상; => 기본적으로 사용하는 방식이며 순서는 바뀌어도 상관없다. ▶ border-radius => 모서리를 둥글게 깎아준다. ▶ border-radius 50%; => 사각형을 원으로 만들어준다. 2022. 5. 20. Padding padding ▶ content와 boder사이의 공간이다. ▶ padding-left => 왼쪽에 공간을 만든다. ▶ padding-right => 오른쪽에 공간을 만든다. ▶ padding-top => 위쪽에 공간을 만든다. ▶ padding-bottom => 아래쪽에 공간을 만든다. 2022. 5. 20. Content Content ▶ box의 가장 중앙 부분이다. ▶ 가로길이는 width, 세로길이는 height로 정한다. 2022. 5. 20. 이전 1 2 3 4 다음