여러개의 버튼 그룹화 검색 결과
1 개의 검색 결과가 있습니다.
WEB/HTML&CSS

CSS :: 버튼(Button) 예쁘게 꾸미기, 여러개의 버튼 그룹화 하기

CSS 버튼 예쁘게 만들기 WEB 개발을 하다보면 버튼은 자주 사용하게 됩니다. 이건 제가 자주 사용하는 방법인데, 버튼을 좀 더 예쁘게(?) 표현할때 많이 사용합니다. 결과물부터 확인해보면 아래 사진과 같습니다. 기본 상태일때... 마우스를 올렸을때... 지금부터 어떻게 만드는지 알아보도록 하겠습니다. 버튼 생성 테스트1 테스트2 ​ 일단 2개의 버튼을 만듭니다. 이제 스타일을 입혀봅시다. 버튼 사이 간격 없애기 일단 2개의 버튼사이에 간격이 보이는데 이쁘지 않기 때문에, margin을 이용해서 없애보도록 하겠습니다. 왼쪽 버튼은 오른쪽 마진값(margin-rihgt)을 음수를 넣어줍니다. 반대로 오른쪽 버튼의 경우는 왼쪽 마진값(left-margin)에 음수를 넣어줍니다. 값은 적당히 잘 넣어주세요...

2018. 10. 19. 19:55