소제목 넣기 - CSS

소제목 넣기

아래의 코드를 CSS 창에 넣고 저장한다.

 h4 {                                                                  /*적용 코드, h3, h4, h5... 정하기 나름 */
    display: block;
    margin-top: 30px;
    margin-bottom: 4px;
    line-height: 33px;                                             /* 왼쪽 줄 높이*/
    border-left: 5px solid rgba(7, 132, 7, 0.69);           /* 왼쪽 줄 두께와 색 */ 
    border-bottom: 1px solid rgba(82, 82, 82, 0.52);     /* 바닥 줄 두께와 색 */
    padding: 0 10px 1px;
    font-size: 20px;                                                 /*글짜 크기*/
    color: #000000;                                                  /*글자 색*/
}

그리고 소제목을 넣을 곳은 HTML 모드로 들어가서 제목 앞 뒤에 <h4> ..... </h4> 이 코드를 넣으면 된다.

<h4> 소제목 넣기 </h4>

그림 설명

1. CSS에 넣을 코드

2. 본문에 소제목 코드 적용하기

P.S. 추가 설명

가) HTML 모드이다.

나) 연두색 표시 : 소제목

다) 자주색 표시 : <h4> </h4>를 소제목 앞뒤로 넣는다.

라) h4는 CSS에 넣을때 설정한 것이다. 만약 CSS에 h3로 넣었다면, 본문에서 <h3> </h3> 로 넣으면 된다.

     <br />은 그냥 빈칸을 나타낸다.(의미 없음)

(끝).