CSS에서 상단 여백을 설정하는 방법: 1. margin-top 속성을 사용하여 요소의 상단 여백을 설정합니다. 2. padding-top 속성을 사용하여 요소의 상단 여백을 설정합니다. margin-top 및 padding-top 속성은 픽셀, 인치, 밀리미터 또는 em 등 모든 길이 단위를 허용합니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
CSS에서 상단 여백을 설정하는 방법 1: margin-top 속성을 사용합니다.
margin-top 속성은 요소의 상단 여백을 설정할 수 있습니다.
요소 테두리를 둘러싼 빈 영역은 외부 여백입니다. 여백을 설정하면 요소 외부에 추가 "공백"이 생성됩니다.
여백 속성은 모든 길이 단위(픽셀, 인치, 밀리미터 또는 em.), 백분율 값 또는 음수 값의 영향을 받습니다.
속성 값:
| 값 | 설명 |
|---|---|
| auto | 브라우저에서 설정한 상단 여백입니다. |
| length | 은 고정 상단 여백을 정의합니다. 기본값은 0입니다. |
| % | 위쪽 여백을 상위 개체의 전체 너비를 기준으로 한 백분율로 정의합니다. |
| inherit | 은 위쪽 여백이 상위 요소에서 상속되어야 함을 지정합니다. |
예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p.ex1 {margin-top:2cm;}
</style>
</head>
<body>
<p>一个没有指定边距大小的段落。</p>
<p class="ex1">一个2厘米上边距的段落。</p>
<p>一个没有指定边距大小的段落。</p>
</body>
</html>Rendering:
Css 방법으로 상단 여백 설정 2: padding-top 속성을 사용
padding-top 속성을 사용하여 요소의 상단 패딩을 설정
요소의 패딩은 테두리와 콘텐츠 영역 사이에 있습니다.
padding 속성은 길이 값이나 백분율 값을 허용하지만 음수 값은 허용됩니다. 허용되지 않습니다.
속성 값:
| 값 | 설명 |
|---|---|
| length | 픽셀, 센티미터 등과 같은 특정 단위로 고정된 상단 패딩 값을 지정합니다. 기본값은 0px입니다. |
| % | 상위 요소의 너비를 기준으로 상단 패딩을 백분율로 정의합니다. 이 값은 모든 브라우저에서 예상대로 작동하지 않습니다. |
| inherit | 은 상단 패딩이 상위 요소에서 상속되어야 함을 지정합니다. |
예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p.padding {padding-top:2cm;}
p.padding2 {padding-top:20%;}
</style>
</head>
<body>
<p>这是一个没有上部填充边距的文本。这是一个没有上部填充边距的文本。这是一个没有上部填充边距的文本。</p>
<p class="padding">这个文本的上部填充边距为2厘米。这个文本的上部填充边距为2厘米。这个文本的上部填充边距为2厘米。</p>
<p class="padding2">这个文本的上部填充边距为20%。这个文本的上部填充边距为20%。这个文本的上部填充边距为20%。</p>
</body>
</html>렌더링:
(동영상 공유 학습: css 동영상 튜토리얼)
위 내용은 CSS 상단 여백을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
Google 글꼴을 태그하고 Goofonts.com을 작성한 방법Apr 12, 2025 pm 12:02 PMGoofonts는 개발자 부인과 디자이너 남편이 서명 한 사이드 프로젝트로, 둘 다 타이포그래피의 큰 팬입니다. 우리는 Google에 태그를 지정했습니다
JavaScript API 상태로 GraphQL 쿼리를 연습하십시오Apr 12, 2025 am 11:33 AMGraphQL API를 구축하는 방법을 배우는 것은 매우 어려울 수 있습니다. 그러나 10 분 안에 GraphQL API를 사용하는 방법을 배울 수 있습니다! 그리고 그것은 완벽하게 얻었습니다
오프셋 경로로 원에 유형을 설정하십시오Apr 12, 2025 am 11:00 AM여기 Yuanchuan의 합법적 인 CSS 속임수입니다. 이 CSS 속성 오프셋 경로가 있습니다. 옛날 옛적에, 그것은 모션 경로라고 불렸다가 이름이 바뀌 었습니다. 나
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전
DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.
