본문 바로가기
오늘의 이야기

CSS 버튼 쉽게 만들기. (HTML code)

by 아둘파파 2024. 2. 22.

안녕하세요. 오늘은 블로그나 웹사이트에 버튼을 종종 생성하게 되는데, 버튼을 쉽게 만들수 있는 사이트가 있어서 소개하는 포스팅을 준비해 보았습니다.

우선 아래 사이트를 통해 버튼을 만들었습니다. 

 

CSS 버튼 쉽게 만드는 곳

 

 

사이트에 접속해보면 아래와 같은 웹사이트를 보실 수 있습니다.

 

위의 그림이 직관적이라서 쉽게 버튼을 만들수 있습니다.

왼쪽 만들어진 버튼을 클릭하여 그대로 가져다 쓸 수 있고, 오른쪽에서 디테일한 설정을 만져가면서 버튼을 생성할 수도 있습니다.

버튼 모양을 만들고 생성을 누르시면, HTML Code가 생성이 됩니다.

 

버튼을 카피해서 사이트에 가져와 그대로 사용할 수 있습니다.

아주 간편하게 버튼을 만들어서 사용할 수 있습니다.

 

오늘은 CSS 버튼을 원하는 모양과 색깔, 크기로 제작할 수 있는 방법을 살펴보았습니다.

 

댓글