웹사이트 꿀기능
복사 버튼 만들기 (HTML·CSS·자바스크립트 코드 전체 공개)
안녕하세요, 안다형입니다! 오늘 준비한 웹사이트 꿀기능은 복사 버튼입니다.쿠폰 코드, 계좌번호, 소스코드처럼 방문자가 그대로 가져가야 하는 정보가 있을 때, 드래그해서 복사하게 두면 모바일에서 특히 불편합니다. 버튼 하나만 붙여주면 훨씬 친절해집니다.1. HTML 구조 만들기복사할 텍스트를 담을 영역과 버튼을 나란히 둡니다. 국민 123456-78-901234 복사복사되었습니다!2. CSS로 모양 다듬기기본 버튼 그대로 두면 투박하니 조금만 손봅니다..copy-box{display:flex;align-items:center;gap:10px; background:#f5f7fa;border:1px solid #e2e8f0; border-radius:10px;padding:14px 16px;}.copy..
2026. 8. 30.
