CSS 버튼 빌더
시각 설정을 조절해 미리 보고 이스케이프된 HTML과 재사용 가능한 CSS를 복사하세요.
사용 방법
사용 방법
- 버튼 문구와 색상을 입력합니다.
- 패딩, 테두리, 모서리, 글자 크기와 그림자를 조절합니다.
- HTML과 CSS를 복사하고 실제 화면에서 확인합니다.
안전하고 명확한 출력
문구는 HTML에 넣기 전에 이스케이프됩니다. 실제 button 요소와 명확한 포커스 스타일을 만들지만 동작은 애플리케이션에서 연결해야 합니다.
브라우저 로컬 디자인
미리보기와 코드 생성은 현재 브라우저에서만 이루어지며 문구, 설정, 코드를 업로드하지 않습니다.
자주 묻는 질문
더 알아보기
생성된 버튼이 작업을 실행하나요?
아니요. HTML과 CSS만 만듭니다. 프로젝트에서 동작과 접근성 맥락을 추가하세요.
링크에도 CSS를 쓸 수 있나요?
스타일은 적용할 수 있지만 이동에는 링크, 작업에는 버튼을 사용하세요.