와플앱 도구 안내

CSS 버튼 생성기

CSS 버튼 생성기는 웹페이지 제작에 필요한 코드 조각을 만들거나 정리하는 도구입니다.
제목, 설명, 색상, 규칙, 디자인 옵션을 입력하면 CSS나 HTML 메타 코드를 생성합니다.
생성된 코드를 확인해 사이트 헤더, 스타일, SEO 설정에 붙여 넣을 수 있습니다.

CSS 버튼 생성기

버튼 텍스트, 색상, 크기, 모서리, 그림자와 hover 스타일을 조절해서 CSS 코드를 만듭니다.

버튼 문구

스타일

배경색

글자색

글자 크기(px)

둥근 정도(px)

좌우 여백(px)

상하 여백(px)

그림자 강도

hover 이동(px)

스타일

padding

radius

생성된 CSS

왼쪽은 기본 상태, 오른쪽은 hover 상태 미리보기입니다.