카테고리 없음

CSS버튼 만드는 가장 쉬운방법

민트차카🧐 2021. 3. 20. 12:22

CSS버튼 만드는 가장 쉬운방법은 바로 누군가가 쉽게 사용을 하도록 만들어 놓은 서비스를 이용하는 것입니다. 티스토리나 워드프레스와 같은 사이트에 버튼을 삽입하고 싶으신 분들은 아래 사이트가 큰 도움이 될 것같습니다.

 

Best CSS Button Generator 라는 이름의 사이트 인데요. CSS버튼 생성기라는 뜻입니다. 홈페이지에 접속 하시고 아래와 같은 방법으로 버튼을 생성하시면 됩니다.

 

www.bestcssbuttongenerator.com◀ CSS버튼 만드는 사이트 바로가기

 

CSS Button Generator 사용방법

1. 왼쪽에서 마음에 드는 모양을 골라줍니다.

 

2. 글꼴과 사이즈 그리고 테두리와 그림자 모양을 조절해줍니다.

 

3. 이쁘게 버튼이 만들어지는지 확인합니다.

 

4. Get Code를 눌러 코드를 확인합니다.

오른족에 HTML 코드와 CSS코드가 생성이 된 것을 확인할 수 있습니다.

 

만약 티스토리를 사용하고 계시는 분들이 이 CSS버튼을 사용하고 싶으시다면 위의 코드를 글쓰기모드나 스킨설정에서 HTML에 삽입해주시면 됩니다.

 

 

그리고 아래 부분은 HTML옵션> CSS 설정에서 가장 하단에 넣어주시면 바로 사용이 가능합니다. 어려우신 분들은 댓글 남겨주시면 친절히 알려드리겠습니다.😀