이 글은 다음을 알려줍니다.
전제 조건: HTML 파일 만들기
다음 지침에 따라 HTML 페이지를 만들 수 있습니다.
- 2개 추가' ” HTML 파일의 요소.
- ID를 ' 단락 1 ' 그리고 ' 파라2 ', 각각.
- 아래와 같이 단락 내용을 지정하십시오.
< 피 수업 = '파라1' >
성공한 사람들은 단순히 많은 노력을 기울이고 목표를 달성합니다. 그들은 타고난 재능이 없습니다.
성공한 사람들은 단순히 많은 노력을 기울이고 목표를 달성합니다. 그들은 타고난 재능이 없습니다. < / 피 >
< 피 수업 = '파라2' >
성공한 사람들은 단순히 많은 노력을 기울이고 목표를 달성합니다. 그들은 타고난 재능이 없습니다.
성공한 사람들은 단순히 많은 노력을 기울이고 목표를 달성합니다. 그들은 타고난 재능이 없습니다. < / 피 >
< / 사업부 >
산출
CSS에서 단락 사이의 간격을 변경하는 방법은 무엇입니까?
“ 여유 ” 속성은 단락 사이에 공백을 추가할 수 있습니다. 또한 ' 여백 바닥 ”이 경우 재산이 좋은 선택이 될 것입니다.
여백 공간을 눈에 띄게 표시하기 위해 테두리 속성을 추가해 보겠습니다.
스타일 'para1' 클래스
.para1 {국경 : 1px 단단한 회색 ;
여백 바닥 : 70픽셀 ;
}
“ .para1 ”는 id가 “인
요소에 액세스하는 데 사용됩니다. 단락 1 '를 선택하고 다음 속성을 적용합니다.
- “ 국경 ” 속성은 테두리 너비, 스타일, 색상 값으로 적용되어 단락 주위의 테두리를 설정합니다.
- “ 여백 바닥 ” 단락 하단에 공백을 추가합니다.
스타일 'para2' 클래스
.para2 {국경 : 1px 단단한 회색 ;
}
“ id가 '인 요소 파라2 ”도 CSS “를 사용하여 테두리와 함께 적용됩니다. 국경 ' 속성.
단락 사이에 공백이 성공적으로 추가되었음을 확인할 수 있습니다.
CSS에서 단락 내부의 간격을 변경하는 방법은 무엇입니까?
CSS ' 선 높이 ” 속성은 단락의 줄 사이에 공백을 추가하는 데 사용됩니다.
이렇게 하려면 line-height 속성을 ' ” id를 가진 요소 “ 단락 1 ”:
라인 높이: 2;산출
단락 사이의 공백을 변경하는 것이 전부였습니다.
결론
단락 사이의 공백을 변경하려면 먼저 HTML 파일에서 ' ' 요소. 그런 다음 CSS ' 여백 바닥 ” 속성은 단락 사이에 공백을 추가하는 데 사용됩니다. CSS ' 선 높이 ” 속성은 단락 내부에 공백을 추가합니다. 이번 포스팅에서는 문단 사이 및 문단 내부의 간격을 변경하는 절차에 대해 자세히 설명했습니다.