상자 모델--테두리
요소와 다른 요소 사이의 거리는 여백을 사용하여 설정할 수 있습니다. 경계는 위쪽, 오른쪽, 아래쪽, 왼쪽으로 나눌 수도 있습니다. 다음 코드:
div{margin:20px 10px 15px 30px;}를 별도로 작성할 수도 있습니다.
div{
margin-top:20px;
margin-right:10px;
margin-bottom:15px;
margin-left:30px;
}위쪽, 오른쪽, 아래쪽 및 왼쪽 테두리가 모두 10px인 경우 다음과 같이 작성할 수 있습니다. >
div{ margin:10px;}상하 테두리가 10px 같고, 왼쪽과 오른쪽이 20px 같다면 이렇게 쓰면 됩니다. div{ margin:10px 20px;} 요약하면 패딩과 여백의 차이는, 패딩은 테두리 내부에 있고 여백은 테두리 외부에 있습니다. 아아아아
새로운 파일
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>边距</title>
<style type="text/css">
div{
width:300px;
height:300px;
border:1px solid red;
}
#box1{margin-bottom:30px;}
</style>
</head>
<body>
<div id="box1">box1</div>
<div id="box2">box2</div>
</body>
</html>
시사
Clear
- 코스 추천
- 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~
이 강좌를 시청한 학생들도 학습하고 있습니다.
PHP로 사업을 시작하는 방법에 대해 간단히 이야기해 보겠습니다.
웹 프론트 엔드 개발에 대한 빠른 소개
민망한 물건 백과사전 사이트를 모방한 Mini 버전 MVC 프레임워크의 대규모 실용 Tianlongbabu 개발
PHP 실용 개발 시작하기: 빠른 PHP 생성 [중소기업 포럼]
로그인 인증 및 클래식 게시판
컴퓨터 네트워크 지식 수집
빠른 시작 Node.JS 정식 버전
당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본]
자신만의 PHP MVC 프레임워크 작성(깊이 있는 40개 장/자세한 내용/초보자가 발전하려면 읽어야 함)