일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 상태
- 강화학습
- 알고리즘
- 소수
- spring
- series
- grid
- stl
- c++
- dataframe
- 확률
- Javascript
- 수학
- 통신사할인
- CSS
- 에라토스테네스의 체
- Gap
- SK바이오사이언스
- Prefix Sums
- 포토샵
- pandas
- margin
- skt membership
- align-items
- 백준
- c
- Design Pattern
- Flexbox
- Photoshop
- Codility
Archives
- Today
- Total
목록image (1)
sliver__
CSS에서 width와 height로 요소 크기 조절하는 법
웹 페이지를 구성하다 보면 요소의 너비와 높이를 조절해야 할 일이 정말 많죠. 오늘은 CSS의 width와 height 속성을 활용해서 다양한 요소들의 크기를 어떻게 조절하는지, 그리고 이미지를 반응형으로 만드는 방법까지 알아보겠습니다.✅ 사이드바 만들기 – width로 너비 설정하기먼저 사이드바를 만들어볼게요. 태그는 보통 사이드 콘텐츠에 많이 사용되는데요, 기본적으로 페이지 전체 너비만큼 차지하고 있어서 너무 넓게 느껴질 수 있어요.aside { width: 500px; } 이렇게 지정하면, 요소의 너비는 딱 500px로 제한됩니다. 실제로 적용해 보면 사이드바 느낌이 확실히 나죠.✅ 헤더 높이 조절 – height 사용하기이번엔 상단 헤더의 높이를 조정해봅시다.header { height: 80..
Frontend/CSS
2025. 5. 2. 15:09