반응형 위치2 [CSS] 레이아웃(Layout) CSS Reset더보기* { margin: 0px; padding: 0px; list-style: none; /* list 부호 제거 */ text-decoration: none; /* a 태그 밑줄 제거 */}Layout- float으로 요소를 띄워서 배치더보기/* float 사용시 부모요소에 가상요소 추가 필요 */부모요소::after { content: " " display: block; clear: both;}/* 요소를 띄워서 좌, 우측 위치. 모든 형제 요소들에 float 적용 */float: left;float: right;/* 현재 위치 기준으로 위치 이동 */position: relative;top: 100px;bottom: -100px;left: 100px;right: -1.. 2025. 3. 6. [CSS] 배경 배경더보기/* 배경색 */backgroundcolor: blue;background-color: #000000;backgroudn-color: rgb(0, 0, 0);/* 배경 이미지 삽입: 현재 파일 기준으로 경로 작성 */background-image: url(../img/test.png);/* 배경 반복: 기본값 repeat */background-repeat: no-repeat;background-repeat: repeat-x;background-repeat: repeat-y;background-repeat: repeat;/* 배경 위치: 가로, 세로 설정 */background-position: center center;background-position: right bottom;backgrou.. 2025. 3. 6. 이전 1 다음 반응형
