CSS버튼만드는방법
-
CSS 직사각형 버튼 만들기간단코딩 2023. 10. 5. 17:44
버튼을 웹페이지에 삽입할경우 기본 버튼의 스타일은 회색버튼에 검정글씨로 되어진 투박한 모습입니다. CSS를 추가하여 버튼의 외모를 예쁘게 바꿀 수 있는데요? 버튼의 모양이나 색상 그리고 Hover 효과라든지 그림자효과등 아주 다양한 효과들을 적용할수가 있습니다. 오늘은 이 CSS 코드를 적용하여 직사각형의 버튼을 한번 만들어볼께요 기본 적용코드입니다. CSS 버튼만들기 위 HTML을 저장하여 웹페이지로 확인을 하게되면 아래와 같은 BLUE 계열의 직사각버튼을 확인할 수 있습니다 font-size: 16px; 또한 font-size 를 조절하면 위에 보이는 글씨크기보다 크거나 작게 조절할 수가 있게되구요 background-color: #007BFF; background-color 값을 수정하면 버튼의 색..