[html] 따라다니는 이미지 버튼 만들기

홈페이지 양옆 또는 맨아래에 따라다니는 이미지 만드는 방법입니다.

 

버튼에 position:fixed를 주면 현재 화면에 버튼이 고정되며,

스타일에서 top,left 등으로 위치를 정해주면 됩니다.

 

 

html 부분

<div class="btn">
	<a href="링크주소"><img src='image/btn.png'></a>
</div>

html 부분은 btn이라는 클래스로 잡아두고 간단히 작성했습니다.

 

css부분

.btn{
position:fixed;
right:10px;
bottom:30px;

}

css 부분은 btn에 position만 fixex 해두고 오른쪽에서 10px 떨어진곳, 바닥에서 30px 떨어진 쪽에 버튼이 고정됩니다.