CSS에서 요소 패딩을 취소하는 방법

CSS에서는 패딩 속성을 사용하여 요소의 패딩 값을 설정할 수 있습니다. 속성 값이 0이면 요소의 패딩이 제거됩니다. "요소 개체 {패딩: 0px;}"입니다.

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

CSS에서 요소 패딩을 취소하는 방법

CSS에서는 패딩 속성을 사용하여 요소 패딩을 취소합니다. 패딩 약어 속성은 하나의 명령문에서 모든 패딩 속성을 설정합니다. 예는 다음과 같습니다.

새 Clear Margins and Padding.html 파일을 만들고 HTML5 구조 코드를 입력한 다음 제목 태그의 내용을 Clear Margins and Padding으로 수정합니다.

div,span 등 여러 태그를 정의하고 웹 페이지를 실행한 후 마우스 오른쪽 버튼 클릭 --> 요소 보기를 수행하면 그림과 같이 body 태그에 여백(노란색 부분이 여백)이 있는 것을 볼 수 있습니다. 그림:

* 와일드카드 선택기를 사용하여 모든 레이블의 여백과 안쪽 여백을 0px로 설정하고 그림과 같이 모든 레이블의 내부 및 외부 여백을 지웁니다.

웹 실행 페이지를 다시 보면 요소를 보면 내부와 외부를 볼 수 있습니다. 그림과 같이 여백이 지워졌습니다.

위 예에서는 요소의 패딩 속성이 지워졌습니다.

(학습 영상 공유: css 영상 튜토리얼)

위 내용은 CSS에서 요소 패딩을 취소하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!