많은 웹사이트에서는 실용적인 버튼이 필요합니다. 보기 좋고 실용적인 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
