position2 [HTML] 포지션 활용 헤더 복습 로고 인라인 구조는 넓이가 적용되지 않는다. cursor: pointer; 임의로 커서가 손모양으로 바꾸는 명령어 로고 m1 m2 m3 m4 포지션과 서브 메뉴나머지를 짤라주는 명령어 overflow: hidden;position: absolute; left: 100px; top: 0; 화면기준의 자리설정 position: relative; text-transform: uppercase; 대문자변경position더보기static: 기본값으로, 요소는 문서 흐름에 따라 배치됩니다. relative: 요소를 자신의 정상 위치에서 상대적으로 이동합니다. top, right, bottom, left 속성을 사용하여 이동 거리를 지정할 수 있습니다. absolute: 요소를 가장 가까운 위치 상위 요소.. 2023. 4. 6. [HTMl] 이미지 / 리스트 더보기 @charset "utf-8"; *{margin: 0; padding: 0;} body{background-color: azure;font-size: 24px; text-align: center; } #wrap{width: 1200px; margin: 0 auto; background-color: black;} #header{width: 100%; background-color: cadetblue;} #banner{width: 100%; height: 300px; background-color: aquamarine; clear: both;line-height: 300px;} #contents{width: 100%; background-color: darkcyan;} #footer{width: 10.. 2023. 4. 4. 이전 1 다음
