CSS h1, h2, h3 꾸미기

페이지 정보

작성자 관리자 (49.♡.11.159) 조회 1,169회 작성일 22-03-01 10:29(마지막 글 수정: 2022년 06월 19일)

본문

이번에 포스팅할 내용은 h1/h2/h3 을 css 를 이용해 조금 이쁘게 꾸미는 코드를 알게되어 기록형으로 남깁니다.

 

[code]

<style>

h1{

  padding: 10px;

  /*  상자내무 간격 사방 10  */

  border:5px double #848484;

  /*  라인 색상,굵기,선종류 설정가능  */

  border-radius:10px;

  /*  테두리 둥근처리 숫자로 조정가능  */

}

h2{

  padding: 5px 10px;

/*  상자내무 간격 : 위아래 5px, 오른쪽왼쪽 15px  */

  border-bottom:1px solid #848484;

/*  밑줄 라인 색상,굵기,선종류 설정가능  */

  border-left:8px solid #848484;

 /*  왼쪽 라인 색상,굵기,선종류 설정가능  */

}

h3{

  padding: 5px 15px;

/*  상자내부 간격 : 위아래 5px, 오른쪽왼쪽 15px  */

  background: #eee;

/* 배경색 컬러코드로 변경가능   */

  border-radius: 10px;

/*  테두리 둥근처리 숫자로 조정가능  */

  font-size: 1.1rem;

/*  숫자로 폰트크기 조절가능  */

}

</style>

[/code]

 

출처는 잘 모르겠습니다.




css 관련된 게시글 보기

댓글목록

등록된 댓글이 없습니다.

사이트안내 | 서비스 이용약관 | 개인정보 처리방침 |
마이링크 | 후원안내 | FAQ | Admin
TOP