>  기사  >  웹 프론트엔드  >  CSS 텍스트의 줄 높이를 설정하는 방법

CSS 텍스트의 줄 높이를 설정하는 방법

coldplay.xixi
coldplay.xixi원래의
2021-03-25 17:57:109364검색

CSS 텍스트의 줄 높이를 설정하는 방법: 먼저 새 파일을 만들고 div 태그를 사용하여 텍스트 줄을 만든 다음 스타일을 작성하고 div 태그의 클래스 속성을 mybkkd로 설정합니다. div 태그의 mybkkd 클래스 속성을 통해 텍스트의 줄 높이를 낮춥니다.

CSS 텍스트의 줄 높이를 설정하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전, DELL G3 컴퓨터.

CSS 텍스트의 줄 높이 설정 방법:

1. 새 HTML 웹 페이지 파일을 만들고 이름을 test.html로 지정합니다. 다음으로 test.html 파일을 사용하여 CSS가 줄 높이를 설정하는 방법을 설명합니다. 상단 및 하단 텍스트의

CSS 텍스트의 줄 높이를 설정하는 방법

2 test.html 파일에서 div 태그를 사용하여 텍스트 한 줄을 만들고 텍스트 내용에 "css에서 텍스트의 위쪽 및 아래쪽 줄 높이를 설정하는 방법"이라고 작성합니다.

CSS 텍스트의 줄 높이를 설정하는 방법

3. div 태그에 스타일을 추가하고 div 태그의 class 속성을 mybkkd로 설정합니다.

CSS 텍스트의 줄 높이를 설정하는 방법

4. CSS 스타일 <style type="text/css"></style> 태그를 작성하면 해당 태그에 mybkkd 스타일이 작성됩니다. <style type="text/css"></style>标签,mybkkd样式将写在该标签内。

CSS 텍스트의 줄 높이를 설정하는 방법

5、在css标签内,通过div标签的class属性mybkkd设置文字上下的行高。

CSS 텍스트의 줄 높이를 설정하는 방법

6、在css样式标签里,在括号内,mybkkd的div设置css属性样式为line-height:30px;

CSS 텍스트의 줄 높이를 설정하는 방법

CSS 텍스트의 줄 높이를 설정하는 방법5 . CSS 태그에서 div 태그의 mybkkd 클래스 속성을 통해 텍스트의 상단 및 하단 줄 높이를 설정합니다.

CSS 텍스트의 줄 높이를 설정하는 방법

6 . CSS 스타일 태그에서 괄호 안에 mybkkd div의 CSS 속성 스타일을 line-height:30px;CSS 텍스트의 줄 높이를 설정하는 방법

7로 설정합니다. 효과를 얻을 수 있는지 확인하십시오.

🎜🎜🎜 추천 관련 튜토리얼: 🎜CSS 비디오 튜토리얼🎜🎜🎜

위 내용은 CSS 텍스트의 줄 높이를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.