[블로그 꾸미기] 제목 디자인 #7 배경+밑줄

     

     

    참고여기서 사용한건 h1을 대표로 사용하였지만 제목을 나타내는 h1~h6 태그 중 원하는 것으로 바꿔 사용할 수 있다.
    티스토리 스킨편집 화면의 css에 코드를 붙여넣자. 기본적으로 제목 태그는 에디터에서 지정할 수 있기 때문에 html을 사용할 필요가 없다.

     

    제목 디자인 예시

     

     

    CSS 코드

    See the Pen BajxObd by Susu Soso (@susu-soso) on CodePen.

     

     

    배경이 있는 제목과 밑줄이 있는 제목에 대해 알았으니 두가지를 조합하면 이런 제목 디자인으로 바꿀 수도 있다. padding은 여백(잘 모르겠으면 이전 글들을 참고), color는 글자색, background는 배경색, border bottom은 밑줄 모양 옵션들을 의미하는 걸 쉽게 알 수 있겠지?

    댓글(0)

    Designed by JB FACTORY