집 > 기사 > 웹 프론트엔드 > HTML에서 버튼 색상을 설정하는 방법

HTML에서 버튼 색상을 설정하는 방법

青灯夜游원래의: 2021-06-21 17:37:4321621검색

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>

에서 버튼의 배경색을 설정하세요. 렌더링:

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에서 버튼의 글꼴 색상을 설정하세요.

HTML에서 버튼 색상을 설정하는 방법

설명:

color 속성은 텍스트의 색상을 지정합니다.

이 속성은 요소의 전경색을 설정합니다(HTML 표현에서는 요소 텍스트의 색상). 래스터 이미지는 색상의 영향을 받지 않습니다. 이 색상은 border-color 또는 다른 border-color 속성으로 재정의되지 않는 한 요소의 모든 테두리에도 적용됩니다.

추천 튜토리얼: "html 비디오 튜토리얼", "css 비디오 튜토리얼"

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

html5 css css3 html 外边距内边距 border background

성명：

이전 기사：HTML5에서 다섯개 별을 만드는 방법다음 기사：HTML5에서 다섯개 별을 만드는 방법