CSS로 버튼 스타일을 설정하는 방법

많은 웹사이트에서는 실용적인 버튼이 필요합니다. 보기 좋고 실용적인 CSS 버튼은 방문자에게 아름다움을 줄 뿐만 아니라 개발자에게도 도움이 됩니다. 아래는 순수 CSS 버튼입니다. 필요하시면 참고하시면 됩니다.

1. 버튼 버튼(스타일 없음)

<button>默认按钮</button>

2. 버튼 버튼(스타일 있음)

HTML 코드:

<button class="button">按钮</button>

CSS 부분:

.button {
       background-color: #4CAF50;
       border: none;
       color: white;
       padding: 15px 32px;
       text-align: center;
       font-size: 16px;
       cursor: pointer;
   }

이렇게 하면 됩니다. 스타일이있는 버튼이 있습니다. 매우 간단하지 않습니까?

위 내용은 CSS로 버튼 스타일을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!