CSS에서 top은 "상단"과 "상단으로부터의 거리"를 의미합니다. top 속성은 위치 속성과 함께 사용되어 위치가 지정된 요소의 상단으로부터의 거리를 설정합니다. top 속성은 위치가 지정된 요소의 위쪽 여백 경계와 해당 요소가 포함된 블록의 위쪽 경계 사이의 오프셋을 정의할 수 있습니다. top 속성은 위치가 지정된 요소에서만 작동합니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
CSS에서 top은 무엇을 의미하나요
CSS에서 top은 "top"을 의미하며, top 속성은 상단에서 배치된 요소의 거리를 설정하는 데 사용됩니다.
top 속성은 요소의 위쪽 가장자리를 지정합니다. 이 속성은 위치가 지정된 요소의 상단 여백 경계와 포함 블록의 상단 경계 사이의 오프셋을 정의합니다.
참고: "position" 속성 값이 "static"인 경우 "top" 속성을 설정해도 아무런 효과가 없습니다.
구문은 다음과 같습니다.
position：absolute； //这个是必须的，top和left才能起作用 top: 10px; //距离顶部10像素，就是想下面移动10像素
예제는 다음과 같습니다.
<html>
<head>
<style type="text/css">
img{
position:absolute;
top:30px;
}
</style>
</head>
<body>
<img src="1115.08.png" / alt="CSS에서 상단은 무엇을 의미합니까?" >
<h1>This is a heading</h1>
</body>
</html>출력 결과:
(동영상 공유 학습: css 동영상 튜토리얼)
위 내용은 CSS에서 상단은 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
