[블로그 꾸미기] 제목 디자인 #6 위 아래 선

 

 

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

 

제목 디자인 예시

 

 

CSS 코드

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

 

 

글자색을 바꾸고 싶을 때는 color 뒤에 있는 #086972을 원하는 색상코드로 바꾸자. pading은 순서대로 위, 오른쪽, 아래, 왼쪽 순의 여백이야. border에 붙은 top과 bottom에서 알 수 있듯, 위 아래 선의 옵션을 지정할 수 있어. solid는 실선을, 그 뒤에 숫자는 선의 두께를, 그 뒤에 코드는 선의 색상을 의미해