HTML에서는 버튼 버튼 요소의 스타일 속성을 사용하고 "배경색: 색상 값" 스타일을 추가하여 버튼의 배경색을 설정하고 "색상: 색상 값" 스타일을 추가하여 버튼의 글꼴 색상.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button>按钮1</button> <button style="background-color: #FFC0CB;">按钮2</button> </body> </html>
에서 버튼의 배경색을 설정하세요. 렌더링:
설명:
배경색 속성은 요소의 배경색을 설정합니다.
background-color 속성은 요소의 단색을 설정합니다. 이 색상은 요소의 콘텐츠, 안쪽 여백 및 테두리 영역을 채우며 요소 테두리의 외부 경계까지 확장됩니다(여백은 아님). 테두리에 투명한 부분(예: 점선 테두리)이 있는 경우 배경색은 이러한 투명한 부분을 통해 표시됩니다.
html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button>按钮1</button> <button style="color: blueviolet;">按钮2</button> </body> </html>
Rendering에서 버튼의 글꼴 색상을 설정하세요.
설명:
color 속성은 텍스트의 색상을 지정합니다.
이 속성은 요소의 전경색을 설정합니다(HTML 표현에서는 요소 텍스트의 색상). 래스터 이미지는 색상의 영향을 받지 않습니다. 이 색상은 border-color 또는 다른 border-color 속성으로 재정의되지 않는 한 요소의 모든 테두리에도 적용됩니다.
추천 튜토리얼: "html 비디오 튜토리얼", "css 비디오 튜토리얼"
위 내용은 HTML에서 버튼 색상을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
