미리보기 화면
버튼입니다
생성된 CSS 코드
디자인 조절기
📏
크기 및 여백 (Padding)
내부 공간을 조절하여 요소의 크기를 결정합니다.
24px
12px
🥚
모서리 둥글기 (Border Radius)
딱딱한 사각형부터 완전한 원형까지 모양을 변경합니다.
8px
🎨
색상 (Color)
#4f46e5
#ffffff
🔲
테두리 (Border)
0px
🔤
글자 (Typography)
16px
☁️
입체감 / 그림자 (Box Shadow)
요소가 화면에서 떠 있는 듯한 깊이감을 줍니다.
10px
15%