CSS 기본 스타일링: 모서리, 그림자, 및 레이아웃 기법
1. 둥근 모서리(border-radius)
border-radius 속성은 요소의 모서리를 둥글게 만듭니다. 이 속성은 특정 모서리나 전체 요소에 적용 가능하며, 픽셀 값이나 백분율로 지정할 수 있습니다.
/* 단일 값: 모든 모서리에 동일 적용 */
border-radius: 20px;
/* 4개 값: 시계 방향 (좌상, 우상, 우하, 좌하) */
border-radius: 10px 20px 30px 40px;
/* 해당 모서리 전용 속 ...
9월 9일 00:49에 게시됨
CSS 플로트 및 포지셔닝을 활용한 레이아웃 설계
CSS 플로트(Float)의 동작 원리
플로트 속성은 여러 블록 요소를 동일한 행에 정렬할 때 가장 널리 사용되는 기법 중 하나입니다. display: inline-block을 대체재로 사용할 수 있으나, 이 방식은 요소 사이에 불필요한 공백이 발생하며 정렬 순서가 고정되어 있어 여백 제어 시 예측 불가능한 변수가 생길 수 있습니다. 반면 플로트는 요소를 표준 문서 흐름에서 분리하여 ...
9월 1일 18:30에 게시됨