HTML 양식 테두리에 색상을 추가하는 방법은 무엇입니까? HTML 양식 태그의 테두리 색상 예

이 글에서는 주로 HTML 양식의 테두리 색상에 대해 설명합니다. 원하는 색상으로 변경할 수 있습니다. 다음으로 HTML 양식의 테두리 색상에 대한 예시를 살펴보겠습니다.

우선 양식의 테두리에 색상을 추가하는 방법에 대해 이야기하고 있습니다.

태그는 사용자 정보를 수집하는 데 사용됩니다. 입력 필드에는 다양한 유형 속성 값을 기반으로 하는 다양한 양식이 있습니다. 입력 필드는 텍스트 필드, 체크박스, 마스크된 텍스트 컨트롤, 라디오 버튼, 버튼 등이 될 수 있습니다.

팁: HTML에서는 태그에 XHTML의 닫는 태그가 없으므로 태그를 올바르게 닫아야 합니다.

팁: 양식 컨트롤에 대한 레이블을 정의하려면 레이블 요소를 사용하세요.

먼저 HTML 양식 테두리 사용의 예를 살펴보겠습니다.

<form action="form_action.asp" method="get">
  请输用户名: <input type="text" name="fname" /></br>
  重复用户名: <input type="text" name="lname" /></br>
  <input type="submit" value="提交" />
</form>

브라우저에 표시되는 효과는 다음과 같습니다.

저는 이 효과를 여러 번 보았고 여러 번 사용했다고 믿습니다.

아직 테두리를 추가하지 않았습니다. 이제 테두리를 추가하는 방법에 대해 이야기하겠습니다.

이 기사에서는 CSS 스타일을 사용하여 테두리 선을 설정합니다.

<style>
form{
    border: 3px solid red;
}
</style>

효과. 내부가 나올 것입니다. 모든 코드를 함께 입력합시다:

<style>
form{
    border: 3px solid red;
}
</style>

<form action="form_action.asp" method="get">
  请输用户名: <input type="text" name="fname" /></br>
  重复用户名: <input type="text" name="lname" /></br>
  <input type="submit" value="提交" />
</form>

이제 효과를 살펴보겠습니다. 3픽셀 테두리가 있습니까?

그림에 표시된 것처럼 3픽셀 빨간색 테두리를 추가하여 폼을 감싸는데, 코드도 매우 간단하지 않나요? 이를 사용하여 테두리 선의 색상을 조정하고 픽셀을 조정할 수 있습니다.

HTML 양식의 경계에 관한 이 기사는 여기에서 끝납니다. (더 많은 프로그래밍 지식을 배우고 싶다면 PHP 중국어 웹사이트에 오신 것을 환영합니다.) 궁금한 점이 있으면 아래에 문의하세요.

【에디터 추천】

HTML의 ol 태그에서 라벨을 제거하는 방법은 무엇인가요?

태그 사용 방법 요약

HTML의 ul 태그에서 점을 제거하는 방법은 무엇인가요? HTML 비순차 목록의 스타일 예제 분석

위 내용은 HTML 양식 테두리에 색상을 추가하는 방법은 무엇입니까? HTML 양식 태그의 테두리 색상 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!