HTML에서 그림 버튼을 설정하는 방법

HTML에서 이미지 버튼을 설정하는 방법: 먼저 HTML 샘플 파일을 만든 다음 버튼 태그를 통해 버튼을 만들고 마지막으로 배경 속성을 통해 이미지를 설정합니다.

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

사진을 HTML의 버튼으로 변환

코드는 다음과 같습니다.

<input type="image">
<input type="submit" style="background: url(&#39;图&#39;) no-repeat;">
<input type="button" style="background: url(&#39;图&#39;) no-repeat;" οnclick="提交的js">
<button style="background: url(&#39;图&#39;) no-repeat;" οnclick="提交的js">文字</button>
<img  src="图" οnclick="提交的js" alt="HTML에서 그림 버튼을 설정하는 방법" >
<span style="border:1px solid #000000;background: url(&#39;图&#39;) no-repeat;" οnclick="提交的js"> </span>

관련 소개:

태그는 사용자 정보를 수집하는 데 사용됩니다.

다른 유형 속성 값에 따라 입력 필드에는 다양한 형태가 있습니다. 입력 필드는 텍스트 필드, 체크박스, 마스크된 텍스트 컨트롤, 라디오 버튼, 버튼 등이 될 수 있습니다.

Background 단축 속성은 하나의 선언으로 모든 배경 속성을 설정합니다.

다음 속성을 설정할 수 있습니다:

배경색

배경-위치

배경 크기

배경-반복

배경-원산지

배경-클립

배경-부착

배경-이미지

if 값 중 하나가 설정되지 않은 경우에는 문제가 없습니다. 예를 들어 background:#ff0000 url('smiley.gif'); 도 허용됩니다.

이 속성은 이전 브라우저에서 더 잘 지원되고 입력하는 데 필요한 문자 수가 적기 때문에 일반적으로 개별 속성을 별도로 사용하는 대신 이 속성을 사용하는 것이 좋습니다.

【추천 학습: html 동영상 튜토리얼】

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