CSS 버튼 쉽게 만드는 방법

CSS 버튼을 디자인 감각이 없으면 고민이 많이 됩니다.

쉽게 CSS 버튼을 만드는 방법에 대해 알아 보겠습니다.

 

CSS 버튼 쉽게 만드는 방법

바로 'Button Generator' 사이트를 이용하여 만드는 방법입니다.

 

'Button Generator' 사이트로 이동

 

 

 

왼쪽에 샘플을 클릭해서 원하는 모양을 선택호 'Get Code' 버튼을 누르면 코드가 보이는데 복사해서 사용하면 됩니다.

 

 

 

 

주요 옵션으로 다음과 같습니다.

1. Preview Box Color
2. Background
3. Background Hover
4. Font Color
5. Border Color
6. Box Shadow Color
7. Text Shadow Color

 

원하는대로 셋팅후 Get Code 클릭후 코드 복사해서 사용하면 됩니다.

 

 

 

관련된 다른글들:

깜빡이는 버튼 만들기