CSS 입력에서 테두리를 제거하는 방법-CSS 튜토리얼-php.cn

CSS 입력에서 테두리를 제거하는 방법

青灯夜游

풀어 주다： 2023-01-05 16:13:04

원래의

11496명이 탐색했습니다.

CSS에서 입력 테두리를 제거하는 방법: 1. "border:none;" 문을 사용하여 테두리 없는 스타일을 정의합니다. 2. "border:0;" 문을 사용하여 테두리 너비를 0으로 설정합니다. 3. "border: transparent;" 문을 사용하여 제거할 투명 테두리를 설정합니다.

CSS 입력에서 테두리를 제거하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

방법 1: border:none;

border 속성을 사용하여 모든 테두리 속성을 설정합니다. 값이 없음인 경우 라벨 요소에 대한 테두리 속성을 설정하지 않거나 테두리 속성을 취소하고 테두리 없는 스타일을 정의한다는 의미입니다. .

<!DOCTYPE html>
<html> 
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			input{
				background-color: papayawhip;
			}
			#qd{
				border:none;
			}
		</style>
	</head>
	<body>
		<input type="text" value="测试输入框"/><br /><br />
		<input id="qd" type="text" value="测试输入框"/>
	</body>

</html>

로그인 후 복사

렌더링:

CSS 입력에서 테두리를 제거하는 방법