[HTML CSS JS] 우측에 고정 배너 구현하기 화면 우측 상단 부분에 고정되어 있으며 스크롤을 아래로 내릴때 사라지는 배너 구현하기 1. HTML badges 클래스 div 생성 두 개의 badge 클래스 div 생성 후 각각에 div 내에 배너 이미지 링크 2. CSS /* badges 항목을 항상 같은 위치에 놓기 위해 position 속성 absolute 설정 상위에 header의 position 속성은 fixed로 스크롤에 영향 없이 고정 속성 */ header .badges { position: absolute; top: 132px; right: 12px; } /* 배너 이미지의 코너 부분을 둥글게 마감하기 위해 border-radius 값 설정 border-radius 설정 적용을 위한 overflow : hidden 설정 배너 위에 마우.. 2022. 2. 6. 이전 1 다음