HTML에서 태그 위치를 설정하는 방법-HTML 튜토리얼-php.cn

HTML에서 태그 위치를 설정하는 방법

青灯夜游

풀어 주다： 2021-12-13 15:43:45

원래의

10983명이 탐색했습니다.

설정 방법: 1. 상대 위치 지정을 위해 a 태그의 상위 태그에 "위치: 상대;" 스타일을 추가합니다. 2. 절대 위치 지정을 위해 a 태그에 "위치: 절대;" 스타일을 추가합니다. 위쪽, 아래쪽, 왼쪽 및 오른쪽 속성은 레이블의 위치를 제어합니다.

HTML에서 태그 위치를 설정하는 방법

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

HTML에서는 위치 속성을 사용하여 a 태그의 위치를 설정할 수 있습니다.

상대 위치 지정을 위해 a 태그의 상위 태그에 "position:relative;" 스타일을 추가합니다. "position: "absolute;" 스타일은 절대 위치 지정을 수행합니다.
상단, 하단, 왼쪽 및 오른쪽 속성을 사용하여 라벨의 위치를 제어합니다.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			div{
				width: 300px;
				height: 200px;
				background-color: yellow;
				position: relative;
			}
			a{
				position: absolute;
				top: 50px;
				left: 50px;
			}
		</style>
	</head>
	<body>
		<div>
			<a>我是一个a标签</a>
		</div>
	</body>
</html>

로그인 후 복사

설명:

HTML에서 태그 위치를 설정하는 방법