[HTML 태그 활용]버튼 클릭시 이미지 다운로드 되는 버튼 만들기

버튼 클릭시 이미지 다운로드 html

 
신청서나, 양식, 혹은 이미지를 다운 받아야 할경우,
간편하게 쓸수 있는 html 소스 
 
 
 

Html

<div class="down_btn">
   <a href="다운로드할 이미지가 들어있는 경로" download><button>이미지 원본 다운로드</button></a>
</div>

다운로드 할 이미지가 파일이 위치한 경로를 적어야 다운로드가 됩니다!
ex) <a href="images/paper/원본이미지.jpg"...
 
 

CSS

.down_btn button{
    background: #222;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    padding: 2px 16px;
    line-height: 20px;
    border-radius:30px;
    border:none;
    letter-spacing:-1px;
}
.down_btn button:hover{
   box-shadow:1px 1px 4px rgba(0,0,0,0.4);

}

 
 

결과보기