집 > 기사 > 웹 프론트엔드 > HTML 드롭다운 메뉴 텍스트를 더 작게 만드는 방법

HTML 드롭다운 메뉴 텍스트를 더 작게 만드는 방법

青灯夜游원래의: 2022-01-21 14:06:574034검색

HTML에서는 글꼴 크기 속성을 사용하여 드롭다운 메뉴의 텍스트를 더 작게 만들 수 있습니다. 이 속성의 기능은 글꼴 크기를 설정하는 것입니다. "글꼴 크기: 값 px만 추가하면 됩니다. ;" 스타일을 드롭다운 메뉴 요소에 추가합니다. .

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

html에서 드롭다운 메뉴 만들기

<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	</head>

	<body>
		<select id="select">
			<option value="volvo">Volvo</option>
			<option value="saab">Saab</option>
			<option value="opel">Opel</option>
			<option value="audi">Audi</option>
		</select>
	</body>

</html>

HTML 드롭다운 메뉴 텍스트를 더 작게 만드는 방법

드롭다운 메뉴 텍스트를 더 작게 만들기

select {
	font-size: 10px;
}

HTML 드롭다운 메뉴 텍스트를 더 작게 만드는 방법

관련 권장사항: "html 비디오 튜토리얼"

위 내용은 HTML 드롭다운 메뉴 텍스트를 더 작게 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

html5 css3 html

성명：

이전 기사：HTML에서 광고 테이블 헤더의 색상을 설정하는 방법다음 기사：HTML에서 광고 테이블 헤더의 색상을 설정하는 방법