이미지 스타일의 변경
이미지의 크기를 바꾸고 싶다면
img {
width: 200px;
height: 200px;
border-radius: 100px;
}
등의 속성을 이용하여 높이, 넓이, 모양 등을 설정 가능하다.
또, 이미지의 위치를 옮기고 싶다면 CSS폴더에서
body {
text-align: center;
}
을 입력해줄 수 있는데, 이는 이미지가 body에 속한 콘텐츠라는 가정이며, 'text-align: center;'는 콘텐츠를 가운데로 정렬해주는 요소이다.
728x90
'CSS' 카테고리의 다른 글
| 선택자와 결합자(selectors & Combinators) (0) | 2024.12.14 |
|---|---|
| 상속(Inheritance) 개념과 계단식 상속(Cascading logic) (0) | 2024.12.13 |
| 텍스트의 크기, 굵기와 글꼴 설정 (0) | 2024.12.08 |
| 가상 선택자(Pseudo Selectors) (0) | 2024.12.07 |
| ID 선택자(ID Selectors) (0) | 2024.12.05 |